Sections de page et arrière-plans

Les sections de page sont des sections de pleine largeur avec un graphique d’arrière-plan optionnel, qui peut être positionné en haut, au centre ou en bas. Tout groupe de blocs partageant une couleur d’arrière-plan commune – même si cette couleur est blanche – doit être imbriqué dans un bloc de section de page. Sont exclus de cette règle le bloc d’en-tête de page et le bloc de carrousel de témoignages, qui disposent de leurs propres conteneurs pleine largeur.

Fond aqua, vague positionnée en haut

Fond blanc, sans graphique

Fond orange, vague positionnée au milieu

Grilles et colonnes

Grilles

Les grilles peuvent comporter un nombre quelconque d’éléments par ligne. Les éléments sont affichés de gauche à droite et s’étendent naturellement sur une nouvelle ligne. Dans une grille, tous les éléments ont la même hauteur.

Point 1

Point 2

Point 3

Point 4

Point 5

Colonnes

Choisissez le nombre de colonnes, puis ajoutez des éléments à chaque colonne. Les éléments d’une colonne peuvent être d’une hauteur différente de celle des éléments de l’autre colonne.

Colonne 1, point 1

Colonne 1, point 2

Colonne 2, point 1

Colonne 2, point 2

Colonne 2, point 3

Rembourrage et espacement des blocs

Les blocs peuvent être dotés d’une marge afin que le texte ne se heurte pas au bord. Ils disposent également d’un espacement et d’une marge par défaut entre les blocs. Tous ces paramètres peuvent être personnalisés au cas par cas.

Encadrement : 0px

Remplissage : 10px

Remplissage : 20px (par défaut)

Remplissage : 30px

Remplissage : 40px

Rembourrage : 60px

Rembourrage : 80px

Remplissage : 120px

Espacement des blocs : 0px

Point 2

Point 3

Espacement des blocs : 10px

Point 2

Point 3

Espacement des blocs : 20px

Point 2

Point 3

Espacement des blocs : 30px

Point 2

Point 3

Espacement des blocs : 40px

Point 2

Point 3

Espacement des blocs : 60px

Point 2

Point 3

Espacement des blocs : 80px

Point 2

Point 3

Espacement des blocs : 120px

Point 2

Point 3