Webpages components
Article Standard Header
H1 - Page Title
Webpage
Header Image Subnav
This banner contains an image with 60% dark mask and may have a side menu.
Landing Page Header Subnav
This type of banners do not have an image, but can have a side menu.
Video Header Subnav
Video Banner
Rich Text Component
H2 Style Text | Use it in subtitles
H3 Style Text | Use it in Quotes, Subtopics
H4 Style | Use it in other subtopics
Paragraph Style | Use it in body text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum gravida pharetra dolor sit amet efficitur. Morbi at nisl sed libero placerat tempor non eget elit. Nulla enim metus, aliquam a leo nec, consequat ultrices velit.
Proin viverra justo a mauris varius, vitae pulvinar quam sagittis. Phasellus eget pellentesque velit, et consectetur diam. Morbi non dapibus nunc.
Praesent laoreet non erat eget laoreet. Nullam iaculis velit augue, aliquam suscipit ligula scelerisque non. Nam odio ligula, dignissim sit amet ultrices sit amet, feugiat egestas tellus. Suspendisse vitae auctor neque, vitae ornare nunc. Nunc semper tortor sed lobortis tempus.
Bullets Style
- Bullet 1
- Bullet 2
- Bullet 3
- Bullet 4
- Bullet 5
Quotes Styles
Quote text, Lorem ipsum dolor amet sit
Name Last name
Postion, Location
Color Blocks Styles
Full Boxes
Title
Subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum gravida pharetra dolor sit amet efficitur. Morbi at nisl sed libero placerat tempor non eget elit. Nulla enim metus, aliquam a leo nec, consequat ultrices velit. Proin viverra justo a mauris varius, vitae pulvinar quam sagittis.
Side Boxes
33%Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum gravida pharetra dolor sit amet efficitur. |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum gravida pharetra dolor sit amet efficitur. Morbi at nisl sed libero placerat tempor non eget elit. Nulla enim metus, aliquam a leo nec, consequat ultrices velit. Proin viverra justo a mauris varius, vitae pulvinar quam sagittis. Phasellus eget pellentesque velit, et consectetur diam. Morbi non dapibus nunc. Praesent laoreet non erat eget laoreet. Nullam iaculis velit augue, aliquam suscipit ligula scelerisque non. Nam odio ligula, dignissim sit amet ultrices sit amet, feugiat egestas tellus. Suspendisse vitae auctor neque, vitae ornare nunc. Nunc semper tortor sed lobortis tempus.
Links Styles
Body text links style
Button underlined | Must be placed with code
Button with color, can only be aligned to the left | Must be placed with code
Statics Component
Any type of statistics can be placed.
Problem: The spacing is automatic and is too wide for our page standards.
Lorem ipsum dlor amet sit
Lorem ipsum dlor amet sit
Lorem ipsum dlor amet sit
Brightcove Video Component
The player banner can be adapted depending on the size of the image.
We can create different video galleries: Grids and Carrousel
The space above and below the player is default and cannot be reduced.
Spotlight Component
Spotlight title
Body text
Column Component | Related content - Quotes
Horizontal Entry Point | Title
Horizontal Entry Point Body Text
Heading 1
Description 1
Heading 3
Description 3
Heading 2
Description 2
Horizontal Entry Point | Color Background
Horizontal Entry Point Body Text
Heading 1
Description 1
Creating value through others
Over the past few years, people-oriented leadership has been increasing in importance. Knowing how to motivate and empower teams and build stakeholder coalitions became critical as leaders navigated new ways of working during and post-pandemic, made progress with diversity, equity and inclusion initiatives, and addressed growth and development opportunities.
Now more than ever, leaders need to be able to motivate and empower others, and build coalitions of stakeholders across (and beyond) their organization to tackle complex challenges
Heading 2
Description 2
Horizontal Entry Point | Image Background
Horizontal Entry Point Body Text
Column Grid Component | Related content