Layout Components - Grid System
Produits
Le décollage vertical du futur
Assistance
Entreprise
Expérience
Actualités
Espace presse de Bell
Événements
Kits médias
Bell dans les médias
Contacts avec les médias
Réseaux sociaux
Biographie des dirigeants
Dernières nouvelles
Actualités
Retrouvez-nous aux prochains événements et conférences
Derniers médias
Dans les médias
Type
Catégories
Mission
Thème
Produits
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