Addon Starter Image 9.jpgAddon Starter Image 9.jpg
©Addon Starter Image 9.jpg
Page de contenu WoodyKit graphiquepowered 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.

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 19 décembre 2022
Addon Starter Image 3.jpgAddon Starter Image 3.jpg
©Addon Starter Image 3.jpg
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

Basic

cards x6
Mise en avant

Overlayed

cards x6
Mise en avant

Géolocalisées

cards x6
Départ des pistes de ski de fond depuis le parking de la Chapelle sur le Plateau de RetordDépart des pistes de ski de fond depuis le parking de la Chapelle sur le Plateau de Retord
©Départ des pistes de ski de fond depuis le parking de la Chapelle sur le Plateau de Retord|Philippe Carrara
Cyclistes sur la ViaRhôna entre Genève et LyonCyclistes sur la ViaRhôna entre Genève et Lyon
©Cyclistes sur la ViaRhôna entre Genève et Lyon|Laurent Madelon
Gertrude Stein, par Francis PicabiaGertrude Stein, par Francis Picabia
©Gertrude Stein, par Francis Picabia
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 desTitres et icônes
SurtitreTitre principalSous-titre

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

SurtitreTitre principalSous-titre

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

SurtitreTitre principalSous-titre

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

SurtitreTitre principalSous-titre

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

SurtitreTitre principalSous-titre

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

SurtitreTitre principalSous-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.

Addon Starter Image 10.jpgAddon Starter Image 10.jpg
©Addon Starter Image 10.jpg
Harry Cover
Addon Starter Image 10.jpgAddon Starter Image 10.jpg
©Addon Starter Image 10.jpg
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
Addon Starter Image 6.jpgAddon Starter Image 6.jpg
©Addon Starter Image 6.jpg
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
Addon Starter Image 6.jpgAddon Starter Image 6.jpg
©Addon Starter Image 6.jpg
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
Addon Starter Image 2.jpgAddon Starter Image 2.jpg
©Addon Starter Image 2.jpg
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
Addon Starter Image 2.jpgAddon Starter Image 2.jpg
©Addon Starter Image 2.jpg
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