Menu
Page gabarits
Ligne, sections et modules
Cette page rescence par l’exemple l’ensemble des paramètres des lignes, sections et modules prévus dans la charte graphique. Pour reproduire un élément de cette page sur une autre, il suffis de le copier et de lo coller dans la page à créer.
Cette page permets également de vérifier les paramètres de contenu, de style ou les paramètres avancés de chaque éléments de mise en page.
Chaque élément est adaptatif et responsif.
Important ! Placer la valeur « contenu-texte » dans la classe (paramètres avancés). Un ajout de code CSS permet l’effet de survol des liens sur le contenu texte, un effet sur les liste ordonnées et non ordonnées.
Titre de niveau 1
Titre de niveau 2
Titre de niveau 3
Titre de niveau 4
Titre de niveau 5
Titre de niveau 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed condimentum libero. Fusce facilisis ultrices nulla sed maximus. Donec consectetur tellus a est ornare, vitae ornare massa efficitur.
Suspendisse in rutrum enim. Aenean aliquet, magna nec scelerisque interdum, metus enim faucibus orci, nec vestibulum massa ante non arcu. Morbi pretium aliquet tellus vel ullamcorper. Cras ac efficitur mi. Praesent finibus diam sed velit porta, nec scelerisque eros ornare. Maecenas et urna ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Liste ordonnée
- Liste ordonnée
- Liste ordonnée
- Liste ordonnée
- Liste ordonnée
- Liste non ordonnée
- Liste non ordonnée
- Liste non ordonnée
- Liste non ordonnée
- Liste non ordonnée
Important ! Placer la valeur « contenu-texte alternative » dans la classe (paramètres avancés). Un ajout de code CSS permet l’effet de survol des liens sur le contenu texte, un effet sur les liste ordonnées et non ordonnées.
Titre de niveau 1
Titre de niveau 2
Titre de niveau 3
Titre de niveau 4
Titre de niveau 5
Titre de niveau 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed condimentum libero. Fusce facilisis ultrices nulla sed maximus. Donec consectetur tellus a est ornare, vitae ornare massa efficitur.
Suspendisse in rutrum enim. Aenean aliquet, magna nec scelerisque interdum, metus enim faucibus orci, nec vestibulum massa ante non arcu. Morbi pretium aliquet tellus vel ullamcorper. Cras ac efficitur mi. Praesent finibus diam sed velit porta, nec scelerisque eros ornare. Maecenas et urna ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Liste ordonnée
- Liste ordonnée
- Liste ordonnée
- Liste ordonnée
- Liste ordonnée
- Liste non ordonnée
- Liste non ordonnée
- Liste non ordonnée
- Liste non ordonnée
- Liste non ordonnée
Icônes (sans effet de texte tournant) : Grande, moyenne et petite.
Grande icône (avec effet de texte tournant). Rajouter la classe css suivante « texte-tournant » dans les peramètres avancés de l’image. L’icône est à placer au dessus du texte lors de la mise en page. L’effet de texte tournant s’appliquera une fois la classe renseigné ou lorque vous quitterez le Divi Builder.
Icône moyenne (avec effet de texte tournant). Rajouter la classe css suivante « texte-tournant » dans les peramètres avancés de l’image. L’icône est à placer au dessus du texte lors de la mise en page. L’effet de texte tournant s’appliquera une fois la classe renseigné ou lorque vous quitterez le Divi Builder.
Petite icône (avec effet de texte tournant). Rajouter la classe css suivante « texte-tournant » dans les peramètres avancés de l’image. L’icône est à placer au dessus du texte lors de la mise en page. L’effet de texte tournant s’appliquera une fois la classe renseigné ou lorque vous quitterez le Divi Builder.
Séparateurs
Paramétrés depuis les bordures des colones
Suspendisse in rutrum enim. Aenean aliquet, magna nec scelerisque interdum, metus enim faucibus orci, nec vestibulum massa ante non arcu. Morbi pretium aliquet tellus vel ullamcorper. Cras ac efficitur mi. Praesent finibus diam sed velit porta, nec scelerisque eros ornare. Maecenas et urna ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Séparateurs
Paramétrés depuis les bordures des colones
Suspendisse in rutrum enim. Aenean aliquet, magna nec scelerisque interdum, metus enim faucibus orci, nec vestibulum massa ante non arcu. Morbi pretium aliquet tellus vel ullamcorper. Cras ac efficitur mi. Praesent finibus diam sed velit porta, nec scelerisque eros ornare. Maecenas et urna ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Séparateurs
Paramétrés depuis les bordures des colones
Suspendisse in rutrum enim. Aenean aliquet, magna nec scelerisque interdum, metus enim faucibus orci, nec vestibulum massa ante non arcu. Morbi pretium aliquet tellus vel ullamcorper. Cras ac efficitur mi. Praesent finibus diam sed velit porta, nec scelerisque eros ornare. Maecenas et urna ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Séparateurs
Paramétrés depuis les bordures des colones
Suspendisse in rutrum enim. Aenean aliquet, magna nec scelerisque interdum, metus enim faucibus orci, nec vestibulum massa ante non arcu. Morbi pretium aliquet tellus vel ullamcorper. Cras ac efficitur mi. Praesent finibus diam sed velit porta, nec scelerisque eros ornare. Maecenas et urna ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Séparateurs
Paramétrés depuis les bordures des colones
Suspendisse in rutrum enim. Aenean aliquet, magna nec scelerisque interdum, metus enim faucibus orci, nec vestibulum massa ante non arcu. Morbi pretium aliquet tellus vel ullamcorper. Cras ac efficitur mi. Praesent finibus diam sed velit porta, nec scelerisque eros ornare. Maecenas et urna ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Séparateurs
Paramétrés depuis les bordures des colones
Suspendisse in rutrum enim. Aenean aliquet, magna nec scelerisque interdum, metus enim faucibus orci, nec vestibulum massa ante non arcu. Morbi pretium aliquet tellus vel ullamcorper. Cras ac efficitur mi. Praesent finibus diam sed velit porta, nec scelerisque eros ornare. Maecenas et urna ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse in rutrum enim. Aenean aliquet, magna nec scelerisque interdum, metus enim faucibus orci, nec vestibulum massa ante non arcu. Morbi pretium aliquet tellus vel ullamcorper. Cras ac efficitur mi. Praesent finibus diam sed velit porta, nec scelerisque eros ornare. Maecenas et urna ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse in rutrum enim. Aenean aliquet, magna nec scelerisque interdum, metus enim faucibus orci, nec vestibulum massa ante non arcu. Morbi pretium aliquet tellus vel ullamcorper. Cras ac efficitur mi. Praesent finibus diam sed velit porta, nec scelerisque eros ornare. Maecenas et urna ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse in rutrum enim. Aenean aliquet, magna nec scelerisque interdum, metus enim faucibus orci, nec vestibulum massa ante non arcu. Morbi pretium aliquet tellus vel ullamcorper. Cras ac efficitur mi. Praesent finibus diam sed velit porta, nec scelerisque eros ornare. Maecenas et urna ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Citation prioritaire (H4 – blockcote). Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce fringilla rhoncus libero, id rhoncus tellus suscipit nec.
Crédit – Prénom Nom – Age – Profession – Lieu
Citation secondaire (H5 – blockcote). Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce fringilla rhoncus libero, id rhoncus tellus suscipit nec.
Crédit – Prénom Nom – Age – Profession – Lieu
Citation tertiaire ( H6 – blockcote). Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce fringilla rhoncus libero, id rhoncus tellus suscipit nec.
Crédit – Prénom Nom – Age – Profession – Lieu
Citation prioritaire (H4 – blockcote). Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce fringilla rhoncus libero, id rhoncus tellus suscipit nec.
Crédit – Prénom Nom – Age – Profession – Lieu
Citation secondaire (H5 – blockcote). Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce fringilla rhoncus libero, id rhoncus tellus suscipit nec.
Crédit – Prénom Nom – Age – Profession – Lieu
Citation tertiaire (H6 – blockcote). Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce fringilla rhoncus libero, id rhoncus tellus suscipit nec.
Crédit – Prénom Nom – Age – Profession – Lieu
Call to action
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design.
Call to action
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design.
Call to action
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design.
Grands chemins
Notre Festival de théâtre de rue et de cirque !
Fêtes Européennes
La fête d’Ax aux couleurs européennes
Festival des Saveurs
Bien manger ? Consommer local
UltrAriège
L’Ultratrail Ariégeois et son arrivée à Ax !
Grands chemins
Notre Festival de théâtre de rue et de cirque !
Fêtes Européennes
La fête d’Ax aux couleurs européennes
Festival des Saveurs
Bien manger ? Consommer local
UltrAriège
L’Ultratrail Ariégeois et son arrivée à Ax !
Titre de niveau 2
Ax Animation œuvre depuis plus de 20 ans à l’accès à la culture,
pour tous, dans ce décor haut perché des vallées d’Ax.
Ax Animation est une régie culturelle (EPA) qui opère sur le village d’Ax-les-Thermes (1200 habitants) et la CCHA, situés dans le département de l’Ariège en Occitanie. événements.