Layout Components - Grid System
One row, one column grid. Grids can contain any of the text components and several other components.
NEED:
- Ability to extend the container to 14 columns instead of the 12 column spread with one offset default. Especially for the 3 and 4 column grids where they get super tight when the container is only 12.
- 33% + 66% Grid Layout
- 66% + 33% Gird Layout
25% + 75% Grid Layout
25% + 75% Grid Layout
50% + 50% Grid Layout
50% + 50% Grid Layout
75% + 25% Grid Layout
75% + 25% Grid Layout
33% + 33% + 33% Grid Layout
33% + 33% + 33% Grid Layout
33% + 33% + 33% Grid Layout
25% + 25% + 25% + 25% Grid Layout
25% + 25% + 25% + 25% Grid Layout
25% + 25% + 25% + 25% Grid Layout
25% + 25% + 25% + 25% Grid Layout
Grid Container Themes
Grid containers can have one of a few themes to change the background color of the element. Not shown on this page are several other shades of gray as well as some custom defined colors. Grid containers also allow the content editor to select a preset padding (top and bottom) around the container to adjust as needed.
NEED:
- Dark themes should change the text, buttons and other elements to a light color.
- Ability to define custom colors in the CMS as well as check a box to say if the theme is dark or light to affect the text.
Grid containers can have one of a few themes to change the background color of the element. Not shown on this page are several other shades of gray as well as some custom defined colors. Grid containers also allow the content editor to select a preset padding (top and bottom) around the container to adjust as needed.
NEED:
- Dark themes should change the text, buttons and other elements to a light color.
- Ability to define custom colors in the CMS as well as check a box to say if the theme is dark or light to affect the text.
Grid containers can have one of a few themes to change the background color of the element. Not shown on this page are several other shades of gray as well as some custom defined colors. Grid containers also allow the content editor to select a preset padding (top and bottom) around the container to adjust as needed.
NEED:
- Dark themes should change the text, buttons and other elements to a light color.
- Ability to define custom colors in the CMS as well as check a box to say if the theme is dark or light to affect the text.
Text Components
Single Line Text - H1
Single Line Text - H3
Single Line Text - H3 - No Mustache
Single Line Text - H4 - No Mustache
Rich Text Component
Can contain any type of HTML content (static or interactive) but restrained in the container it's placed in. NEED: The ability to place this component outside of a container anywhere on the page.More Grid Components
Text CTA Button Component
Text CTA Button Component
Heading Text / long text block
Mix and match grid layouts, text components and grid components to build a multitude of layouts. Cet élément associe un titre et un texte dans une division 50 50. Body copy is kept narrow for readability on wide devices.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
CMP : pleins feux sur les images
CMP : le leadership en bref
CMP : pleins feux sur les icônes
Dons d'entreprise
Qu'il s'agisse de répondre aux besoins locaux, de soutenir une communauté dynamique ou de développer la main d'œuvre de l'avenir, nous estimons qu'il est important de créer un monde meilleur.
Icône en vedette - titre
Une brève description ou un texte descriptif qui peut inciter le lecteur à fournir les informations minimales nécessaires.
Quote Component
Citation d'un vendeur, d'un client ou d'un membre de l'équipe.
Attribution Name
Titre, Entreprise
Accordion Component (Custom HTML)
Accordion Title
Accordion Content, can be any form of HTML content.
Accordion Title
Accordion Content, can be any form of HTML content.
Accordion Title
Accordion Content, can be any form of HTML content.
Standalone Components
These components cannot be placed in a grid container above and include a fixed layout.
CMP : présentations empilées
Élément empilé présenté
Possibilité d'inclure un court texte ici.
Chaque élément peut se composer d'une image ou d'une vidéo accompagné de cette légende, qui doit être assez courte mais qui peut être beaucoup plus longue que le texte sous le titre de l'élément.
Élément empilé présenté
Possibilité d'inclure un court texte ici.
Chaque élément peut se composer d'une image ou d'une vidéo accompagné de cette légende, qui doit être assez courte mais qui peut être beaucoup plus longue que le texte sous le titre de l'élément.
Élément empilé présenté
Possibilité d'inclure un court texte ici.
Chaque élément peut se composer d'une image ou d'une vidéo accompagné de cette légende, qui doit être assez courte mais qui peut être beaucoup plus longue que le texte sous le titre de l'élément.
CMP : présentations empilées
-
Élément empilé présenté
Possibilité d'inclure un court texte ici. -
Élément empilé présenté
Possibilité d'inclure un court texte ici. -
Élément empilé présenté
Possibilité d'inclure un court texte ici.
Chaque élément peut se composer d'une image ou d'une vidéo accompagné de cette légende, qui doit être assez courte mais qui peut être beaucoup plus longue que le texte sous le titre de l'élément.
Chaque élément peut se composer d'une image ou d'une vidéo accompagné de cette légende, qui doit être assez courte mais qui peut être beaucoup plus longue que le texte sous le titre de l'élément.
Chaque élément peut se composer d'une image ou d'une vidéo accompagné de cette légende, qui doit être assez courte mais qui peut être beaucoup plus longue que le texte sous le titre de l'élément.
CMP - Large Image Gallery
CMP: Light Image Gallery
Ci-dessous, l'élément Article extrait une histoire de la base de données d'actualités de Bell.
Bell révèle la ville du futur au salon CES 2020
En savoir plus
CMP : icônes animées
CMP : contact
Bref message ou description complémentaire du titre.
CMP : actualités et événements associés
Quote Component
Citation d'un vendeur, d'un client ou d'un membre de l'équipe.
Attribution Name
Titre, Entreprise
Attribution Name
Titre, Entreprise
CMP : réseaux sociaux
It’s Day 1 of @EAA AirVenture Oshkosh 2021! Come by the Textron Aviation Booth #78 to check out the Bell 505. #0SH21 https://t.co/SOM7NLHdDp
Saviez-vous que le #BellV280 a été conçu pour offrir la vitesse et la portée d'un appareil à turbopropulseurs et une agilité supérieure à celle des hélicoptères traditionnels ? Avec deux fois plus de vitesse et de portée, le Bell V-280 fait plus que doubler la portée des opérations. #FVL https://t.co/m3SvSbXD43
Fin de la phase de qualification #INNOVATE2030. Nous avons hâte de soutenir les futurs talents et les idées novatrices des chercheurs ! Tous ensemble pour un avenir plus durable #SDGs. https://t.co/h5xsYtgGSo https://t.co/HZxgIFFNKs
