ACSS style btn

Section Layout

Section 50-50 text + image / image aligner une au-dessus de l'autre

I am a heading

Here goes your text … Select any part of your text to access the formatting toolbar.

I am a heading

Here goes your text … Select any part of your text to access the formatting toolbar.

Section full width - Bg color/image

Section Full split 50-50

Pour l'image en premier, ajouter la classe '.reverse' a la section.
Pour different ratio content/image, choisir la classe avec le modifier --60-40, --66-33, --75-25.
Pour ajouter le gutter a cote de l'image, remplacer le terme image par gutter-end ou gutter-start dans le grid-template-areas.

Section Full split 60-40

Pour l'image en premier, ajouter la classe '.reverse' a la section.
Pour different ratio content/image, choisir la classe avec le modifier --60-40, --66-33, --75-25.
Pour ajouter le gutter a cote de l'image, remplacer le terme image par gutter-end ou gutter-start dans le grid-template-areas.

Section Full split 66-33

Pour l'image en premier, ajouter la classe '.reverse' a la section.
Pour different ratio content/image, choisir la classe avec le modifier --60-40, --66-33, --75-25.
Pour ajouter le gutter a cote de l'image, remplacer le terme image par gutter-end ou gutter-start dans le grid-template-areas.

Section Full split 75-25

Pour l'image en premier, ajouter la classe '.reverse' a la section.
Pour different ratio content/image, choisir la classe avec le modifier --60-40, --66-33, --75-25.
Pour ajouter le gutter a cote de l'image, remplacer le terme image par gutter-end ou gutter-start dans le grid-template-areas.

Section Background image

Section 50-50

Here goes your text (DELETE)...
Here goes your text (DELETE)...

CTA avec Bg-image

I am a heading

Here goes your text ... Select any part of your text to access the formatting toolbar.
I am a button

Hero - Bg-img - form

I am a heading

Here goes your text ... Select any part of your text to access the formatting toolbar.
I am a button

I am a heading

Here goes your text ... Select any part of your text to access the formatting toolbar.

Contact - 2 Column

Coordonnées

Here goes your text ... Select any part of your text to access the formatting toolbar.

Nous joindre

Here goes your text ... Select any part of your text to access the formatting toolbar.