Page de contenu Woody

Kit graphique

powered by Woody Addon Starter

In consectetuer turpis ut velit. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros. Aenean commodo ligula eget dolor. Fusce vel dui.

Publié le 17 octobre 2023
Harry Cover

Vivamus quis mi. Praesent egestas neque eu enim. Etiam vitae tortor.

Meet harry
  • Info 1
  • Info 2
  • Info 3

Surtitre Titre de section à gauche

Surtitre Titre de section centré

Surtitre Titre de section à droite

#genericBlock Titre de bloc de texte Sous-titre

#focusBlock Titre de bloc de MEA Sous-titre

Mises en avant

Ce sont les éléments les plus utilisés sur le site : l’integ de ces éléments doit être parfaite.

Mise en avant Géolocalisées cards x6

La base Textes et fonds de couleur

Vérifier le comportement des textes, titres (hn et .hn), listes, boutons, blockquote… dans les blocs de texte sur les différents fonds de couleur.
L’ensemble est contenu dans un groupe d’onglets « swiper » afin de vérifier son comportement.

Titre 2 – Mega titre

Titre 2

Titre 3

Titre 4

Titre 5

Morbi mattis ullamcorper velit. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Vivamus in erat ut urna cursus vestibulum. Praesent ac massa at ligula laoreet iaculis.

In consectetuer turpis ut velit. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros. Aenean commodo ligula eget dolor. Fusce vel dui.

  • Elément de liste 1
  • Elément de liste 2
  • Elément de liste 3

Bouton principalBouton secondaire

Titre 2 – Mega titre

Titre 2

Titre 3

Titre 4

Titre 5

Morbi mattis ullamcorper velit. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Vivamus in erat ut urna cursus vestibulum. Praesent ac massa at ligula laoreet iaculis.

In consectetuer turpis ut velit. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros. Aenean commodo ligula eget dolor. Fusce vel dui.

  • Elément de liste 1
  • Elément de liste 2
  • Elément de liste 3

Bouton principalBouton secondaire

Titre 2 – Mega titre

Titre 2

Titre 3

Titre 4

Titre 5

Morbi mattis ullamcorper velit. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Vivamus in erat ut urna cursus vestibulum. Praesent ac massa at ligula laoreet iaculis.

In consectetuer turpis ut velit. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros. Aenean commodo ligula eget dolor. Fusce vel dui.

  • Elément de liste 1
  • Elément de liste 2
  • Elément de liste 3

Bouton principalBouton secondaire

Titre 2 – Mega titre

Titre 2

Titre 3

Titre 4

Titre 5

Morbi mattis ullamcorper velit. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Vivamus in erat ut urna cursus vestibulum. Praesent ac massa at ligula laoreet iaculis.

In consectetuer turpis ut velit. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros. Aenean commodo ligula eget dolor. Fusce vel dui.

  • Elément de liste 1
  • Elément de liste 2
  • Elément de liste 3

Bouton principalBouton secondaire

Titre 2 – Mega titre

Titre 2

Titre 3

Titre 4

Titre 5

Morbi mattis ullamcorper velit. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Vivamus in erat ut urna cursus vestibulum. Praesent ac massa at ligula laoreet iaculis.

In consectetuer turpis ut velit. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros. Aenean commodo ligula eget dolor. Fusce vel dui.

  • Elément de liste 1
  • Elément de liste 2
  • Elément de liste 3

Bouton principalBouton secondaire

Titre 2 – Mega titre

Titre 2

Titre 3

Titre 4

Titre 5

Morbi mattis ullamcorper velit. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Vivamus in erat ut urna cursus vestibulum. Praesent ac massa at ligula laoreet iaculis.

In consectetuer turpis ut velit. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros. Aenean commodo ligula eget dolor. Fusce vel dui.

  • Elément de liste 1
  • Elément de liste 2
  • Elément de liste 3

Bouton principalBouton secondaire

Titre 2 – Mega titre

Titre 2

Titre 3

Titre 4

Titre 5

Morbi mattis ullamcorper velit. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Vivamus in erat ut urna cursus vestibulum. Praesent ac massa at ligula laoreet iaculis.

In consectetuer turpis ut velit. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros. Aenean commodo ligula eget dolor. Fusce vel dui.

  • Elément de liste 1
  • Elément de liste 2
  • Elément de liste 3

Bouton principalBouton secondaire

Style des Titres et icônes
Surtitre Titre principal Sous-titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.

Surtitre Titre principal Sous-titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.

Surtitre Titre principal Sous-titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.

Surtitre Titre principal Sous-titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.

Surtitre Titre principal Sous-titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.

Surtitre Titre principal Sous-titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.

Accordéon / FAQ
  • Donec vitae sapien ?

    Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Nam commodo suscipit quam. Aenean massa. Aenean imperdiet. Donec id justo.

    Phasellus tempus. Maecenas nec odio et ante tincidunt tempus. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. In ut quam vitae odio lacinia tincidunt. Fusce neque.

  • Suspendisse pulvinar augue ac ?

    Donec id justo. Vestibulum dapibus nunc ac augue. Vestibulum eu odio. Fusce a quam. Praesent congue erat at massa.

    Phasellus viverra nulla ut metus varius laoreet. Cras sagittis. Duis leo. Ut leo. Cras sagittis.

    Sed hendrerit. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero, non adipiscing dolor urna a orci. Donec mollis hendrerit risus. Mauris turpis nunc, blandit et, volutpat molestie, porta ut, ligula.

  • Mauris sollicitudin fermentum libero ?

    Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Cras id dui. Vestibulum suscipit nulla quis orci. Curabitur vestibulum aliquam leo. Pellentesque auctor neque nec urna.


Bloc boutons

Les boutons principaux et secondaires doivent être bien distincts, avec survol identifiable et hiérarchie cohérente.

Liens de partage

Faire en sorte que tous les fonds de couleur soient bien gérés et que les boutons de partage soient cohérents avec la charte du site.

Citations

Vérifier que toutes les citations se comportent correctement sur les différents fonds de couleur, guillemets illustrés compris le cas échéant.

Citation n °1

Suspendisse feugiat. Nunc sed turpis. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In hac habitasse platea dictumst. Etiam rhoncus.

Harry Cover
Citation n °2

Suspendisse feugiat. Nunc sed turpis. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In hac habitasse platea dictumst. Etiam rhoncus.

Harry Cover
Citation n °3

Suspendisse feugiat. Nunc sed turpis. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In hac habitasse platea dictumst. Etiam rhoncus.

Harry Cover
Citation n °4

Suspendisse feugiat. Nunc sed turpis. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In hac habitasse platea dictumst. Etiam rhoncus.

Harry Cover
Citation n °5

Suspendisse feugiat. Nunc sed turpis. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In hac habitasse platea dictumst. Etiam rhoncus.

Harry Cover
Citation n °6

Suspendisse feugiat. Nunc sed turpis. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In hac habitasse platea dictumst. Etiam rhoncus.

Harry Cover

Groupes d'onglets

Chaque mise ne page de groupe d’onglets permet facilement d’identifier qu’une action est nécessaire et le comportement horizontal/vertical est bien géré. La gestion des fonds de couleur est optimale.

Bloc Galerie de médias

Vérifier que les éléments d’une galerie soient conformes à la charte graphique (arrondis, ombres, copyright) et que le retrait des marges ne pose pas de problème.

Bloc Galerie de médias interactive

Les galeries interactives doivent se comporter de manière cohérente, textes ouverts ou fermés et le bouton d’action doit être visible et cohérent avec le style du site.

Pellentesque dapibus hendrerit tortor
Pellentesque dapibus hendrerit tortor
Duis leo. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus ullamcorper ipsum rutrum nunc. Pellentesque commodo eros a enim. Cras non dolor.

Classes de section / blocs personnalisés À compléter

Cette section est à compléter si le site comporte des sections ou des blocs personnalisés (classes de section, mise en page, couleur, carte interactive…). À noter que la liste des classes de section se retrouve sur le tableau de bord.

Fermer