Bold Text Light text

Optional subtitle here

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.

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.

Bell compte plus de 80 ans d'expérience en matière de développement, de certification, de fabrication et de commercialisation d'appareils sûrs et efficaces à décollage/atterrissage vertical. L'entreprise dispose du réseau et des partenaires nécessaires pour faire certifier l'appareil et approuver les activités.

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.
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

SDSL2236-webstd
Découvrez le groupe Oney : un groupe d'opérateurs Bell datant d'il y a 25 ans grâce à Tony Oney Sr.
Une Cloche Pourpre 505 en vol au-dessus des montagnes.
01Photos /03

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

  • Innovation
En savoir plus

CMP : élément général mis à l'honneur 

Description ou court texte

Titre du bouton
Le Bell UH-1Y et le Ah-1Z en action
Désert vu de haut

CMP : contenu mis à l'honneur

Zone de texte de description

Texte du bouton

CMP : icônes animées

Éléments d'icône

« Veuillez utiliser une icône qui évoque une situation d'urgence d'incendie. »

Texte du bouton de l'élément
Élément un

Description de l'élément ou texte

Texte du bouton de l'élément
Élément deux
Description de l'élément ou texte
Texte du bouton de l'élément
Élément trois
Description de l'élément ou texte
Texte du bouton de l'élément

CMP : contact

Bref message ou description complémentaire du titre.

CMP : actualités et événements associés

18 décembre 2020
  • Communiqué de presse
  • Article phare
  • Bell en action
  • Le décollage vertical du futur
16 décembre 2020
  • Communiqué de presse
  • Article phare
  • Innovation
  • Bell en action
15 décembre 2020
  • Communiqué de presse
  • Article phare
  • Fabrication Bell
  • Canada

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

Ce site utilise des cookies afin de vous offrir une expérience d'utilisateur optimale. En visitant Bellflight.com, vous acceptez notre utilisation des cookies.