Liste des sections

L'objectif est de lister les différentes sections, qui peuvent être appelées depuis les templates de page de type éditorial.

Section commune

Une Section ordinaire dite « lame » (en full screen) a un rendu de fond unique. Ces lames sont interchangeables entre elles et traitent d’un sujet unique, pour une bonne compréhension. Elle comprend de un à un nombre non limité techniquement de composants dédiés. Afin de guider l'utilisateur et poser un contexte sur les éléments de cette lame, il faut commencer une section par le composant "titre", avec un titre H1 lorsqu'elle se positionne en début de page et avec un H2 pour les suivantes. Celui-ci permet également de renforcer le SEO.

  Visualisez son gabarit

Section

permet l'ajout de sections génériques comprenant différents composants

Visualiser le gabarit

sections dédiées et spécifiques

Section Entête

permet d'ajouter une section en haut des pages "Parcours de Vie" et "Produit Générique"

Visualiser le gabarit
Section Entête-HTML

permet d'insérer du code HTML pour une entête spécifique de page "Produit Générique"

Visualiser le gabarit
Landing Cover

permet d'ajouter une image en pleine largeur accompagnée d'un cadre descriptif dans une page "Landing"

Visualiser le gabarit
Landing Cover-HTML

permet d'insérer du code HTML pour une entête spécifique de "Landing"

Visualiser le gabarit
Information

Le composant section a un rendu de fond de 3 types :

  • sans fond
  • avec une couleur en format hexadécimal
  • et cas le plus utilisé, avec un dégradé parmi une gamme définie et géré en CSS : bg-1, bg-2, mood-1, mood-2, mood-3, mood-4, mood-5, mood-6, mood-7, mood-8, mood-9.