Découvrez notre gamme Les Voiles  |  – 25%   |   J’EN PROFITE

Livraison offerte à partir de 200€

Page modèle

Je suis une page modèle. Je présente les différents blocs de mise en forme que vous pouvez utiliser dans les pages de votre site web.
Référez-vous à moi lors de la création d’une nouvelle page afin de mettre en valeurs vos contenus.


Bloc Titre
pour hiérarchiser vos textes

Les titres H1 à H6 sont les éléments les plus importants de l’ensemble du contenu d’une page web en terme de SEO. Les titres permettent d’organiser votre information, de hiérarchiser visuellement vos contenus, et de permettre un balayage facile pour les internautes et les moteurs de recherche (Google).

Je suis un titre H1

Le titre H1 est le titre principal de page. Pour le SEO, il faut avoir un seul titre H1 par page, placé le plus haut possible dans le contenu.
Pour la page d’accueil du site web, un titre H1 doit être spécifié.
Pour les autres pages de votre site, ne spécifiez pas de titre H1. Il est créé automatiquement : c’est le titre de la page (ici, « Page modèle »). N’hésitez pas à modifier le titre de la page pour utiliser des termes plus pertinents.

Je suis un titre H2

Les titres H2 sont utilisés pour les sous-titres de 1er niveau de la page, soit les titres de chaque section d’une page par exemple. Pour le SEO, il peut y avoir plusieurs titres H2 par page.

Je suis un titre H3,
et on a changé ma couleur

Les titres H3 sont utilisés pour les sous-titres de 2ème niveau de la page, soit les sous-titres des titres H2. Pour le SEO, il peut y avoir plusieurs titres H3 par page.

Je suis un titre H4

Les titres H4 sont utilisés pour les sous-titres de 3ème niveau de la page, soit les sous-titres des titres H3. Pour le SEO, il peut y avoir plusieurs titres H4 par page.

Je suis un titre H5

Idem.

Je suis un titre H6

Idem.


Bloc Paragraphe
pour mettre en forme vos textes

Je suis un paragraphe standard : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce interdum lacinia interdum. Je suis un texte mis en gras, je suis en évidence, on me lit en priorité dans mon paragraphe. Curabitur consequat sapien vel massa hendrerit, sit amet ullamcorper ipsum rhoncus. Donec non varius nunc, eget tempor odio. Ut nec sapien ac elit vestibulum rhoncus. Ut placerat nisi vitae dolor convallis, ac scelerisque lorem blandit. Suspendisse imperdiet mi tortor, ac iaculis eros facilisis pellentesque. Aliquam mattis nibh vel hendrerit eleifend. Phasellus volutpat condimentum nunc volutpat scelerisque. Je suis un lien cliquable.

Je suis un paragraphe centré : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce interdum lacinia interdum. Je suis un texte mis en gras, je suis en évidence, on me lit en priorité dans mon paragraphe. Curabitur consequat sapien vel massa hendrerit, sit amet ullamcorper ipsum rhoncus. Donec non varius nunc, eget tempor odio. Ut nec sapien ac elit vestibulum rhoncus. Ut placerat nisi vitae dolor convallis, ac scelerisque lorem blandit. Suspendisse imperdiet mi tortor, ac iaculis eros facilisis pellentesque. Aliquam mattis nibh vel hendrerit eleifend. Phasellus volutpat condimentum nunc volutpat scelerisque. Je suis un lien cliquable.

Je suis un paragraphe aligné à droite : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce interdum lacinia interdum. Je suis un texte mis en gras, je suis en évidence, on me lit en priorité dans mon paragraphe. Curabitur consequat sapien vel massa hendrerit, sit amet ullamcorper ipsum rhoncus. Donec non varius nunc, eget tempor odio. Ut nec sapien ac elit vestibulum rhoncus. Ut placerat nisi vitae dolor convallis, ac scelerisque lorem blandit. Suspendisse imperdiet mi tortor, ac iaculis eros facilisis pellentesque. Aliquam mattis nibh vel hendrerit eleifend. Phasellus volutpat condimentum nunc volutpat scelerisque. Je suis un lien cliquable.

Je suis un paragraphe plus important, on a donc augmenté ma taille de police (grande). Suspendisse potenti. Curabitur in lacinia nisl. Proin bibendum nunc id turpis fringilla, a rhoncus massa lacinia. Je suis un texte mis en gras, lisez-moi. Donec a blandit lacus, at suscipit urna. Etiam magna tortor, varius eu mauris vitae, consectetur aliquam arcu. Mauris a finibus arcu.

Je suis un paragraphe encore plus important, on a donc augmenté ma taille de police (très grande). Suspendisse potenti. Curabitur in lacinia nisl. Proin bibendum nunc id turpis fringilla, a rhoncus massa lacinia. Je suis un texte mis en gras, lisez-moi. Donec a blandit lacus, at suscipit urna. Etiam magna tortor, varius eu mauris vitae, consectetur aliquam arcu. Mauris a finibus arcu.

Je suis un paragraphe moins important, on a donc diminué ma taille de police (petite). Suspendisse potenti. Curabitur in lacinia nisl. Proin bibendum nunc id turpis fringilla, a rhoncus massa lacinia. Donec a blandit lacus, at suscipit urna. Fusce tincidunt purus non metus mattis facilisis. Etiam magna tortor, varius eu mauris vitae, consectetur aliquam arcu. Mauris a finibus arcu.

Je suis un paragraphe avec lettrine : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce interdum lacinia interdum. Je suis un texte mis en gras, je suis en évidence, on me lit en priorité dans mon paragraphe. Curabitur consequat sapien vel massa hendrerit, sit amet ullamcorper ipsum rhoncus. Donec non varius nunc, eget tempor odio. Ut nec sapien ac elit vestibulum rhoncus. Ut placerat nisi vitae dolor convallis, ac scelerisque lorem blandit. Suspendisse imperdiet mi tortor, ac iaculis eros facilisis pellentesque. Aliquam mattis nibh vel hendrerit eleifend. Phasellus volutpat condimentum nunc volutpat scelerisque. Je suis un lien cliquable.

Je suis un paragraphe avec une couleur de fond : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce interdum lacinia interdum. Je suis un texte mis en gras, je suis en évidence, on me lit en priorité dans mon paragraphe. Curabitur consequat sapien vel massa hendrerit, sit amet ullamcorper ipsum rhoncus. Donec non varius nunc, eget tempor odio. Ut nec sapien ac elit vestibulum rhoncus. Ut placerat nisi vitae dolor convallis, ac scelerisque lorem blandit. Suspendisse imperdiet mi tortor, ac iaculis eros facilisis pellentesque. Aliquam mattis nibh vel hendrerit eleifend. Phasellus volutpat condimentum nunc volutpat scelerisque.

Je suis un texte multicolore : les différentes couleurs de l’identité du site sont facilement sélectionnables.


Bloc Liste
pour faire des listes

Je suis une liste à puce :

  • Point 1
  • Point 2
  • Point 3

Je suis une liste numérotée :

  1. Point 1
  2. Point 2
  3. Point 3

Bloc Citation
pour afficher une citation et sa source

Je suis une citation

Je suis la source

Je suis une citation en exergue

Je suis la source

Bloc Boutons
pour inciter vos internautes à cliquer

Les boutons incitent vos internautes à cliquer, plus que de simples liens. Ils redirigent vers une action ou une page de votre site afin de réaliser un objectif spécifique : contacter, acheter, voir une offre, s’inscrire, demander un devis, …


Bloc Colonnes
pour mettre en forme vos contenus

Colonne 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nec turpis ac augue pellentesque egestas eu varius nunc. Praesent quis purus finibus, tincidunt justo vitae, vestibulum massa. Aliquam erat volutpat. Vivamus tincidunt a orci eu condimentum. Maecenas turpis odio, ultricies suscipit ligula non, laoreet sollicitudin nunc. Sed in ante interdum, ultrices eros nec, sagittis velit. Aliquam quis lacinia mi.

Colonne 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nec turpis ac augue pellentesque egestas eu varius nunc. Praesent quis purus finibus, tincidunt justo vitae, vestibulum massa. Aliquam erat volutpat. Vivamus tincidunt a orci eu condimentum. Maecenas turpis odio, ultricies suscipit ligula non, laoreet sollicitudin nunc. Sed in ante interdum, ultrices eros nec, sagittis velit. Aliquam quis lacinia mi.

Colonne 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nec turpis ac augue pellentesque egestas eu varius nunc. Praesent quis purus finibus, tincidunt justo vitae.

Colonne 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nec turpis ac augue pellentesque egestas eu varius nunc. Praesent quis purus finibus, tincidunt justo vitae.

Colonne 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nec turpis ac augue pellentesque egestas eu varius nunc. Praesent quis purus finibus, tincidunt justo vitae.

Colonne 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nec turpis ac augue pellentesque egestas eu varius nunc. Praesent quis purus finibus, tincidunt justo vitae.

Colonne 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nec turpis ac augue pellentesque egestas eu varius nunc. Praesent quis purus finibus, tincidunt justo vitae.

Colonne 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nec turpis ac augue pellentesque egestas eu varius nunc. Praesent quis purus finibus, tincidunt justo vitae.

Colonne 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nec turpis ac augue pellentesque egestas eu varius nunc. Praesent quis purus finibus, tincidunt justo vitae.


Bloc Image
pour afficher une image

Je suis une image standard

Je suis une légende optionnelle

Je suis une image grande largeur

Je suis une légende optionnelle

Je suis une image pleine largeur

Je suis une légende optionnelle

Bloc Galerie
pour présenter plusieurs images dans une grille


Bloc Bannière
pour afficher du contenu sur une image

Je suis une bannière

Les sections permettent de poser du contenu par-dessus une couleur, une image ou une vidéo. Afin d’améliorer la lisibilité du texte, vous pouvez ajouter un filtre de couleur sur l’image. La composition est entièrement modifiable à l’intérieur de la bannière : titres, textes, boutons, colonnes, …

Je suis une bannière pleine largeur

Les sections permettent de poser du contenu par-dessus une couleur, une image ou une vidéo. Afin d’améliorer la lisibilité du texte, vous pouvez ajouter un filtre de couleur sur l’image. La composition est entièrement modifiable à l’intérieur de la bannière : titres, textes, boutons, colonnes, …

Je suis une bannière pleine largeur sur fond de couleur

Je suis une bannière pleine largeur avec arrière-plan fixe

Les sections permettent de poser du contenu par-dessus une couleur, une image ou une vidéo. Afin d’améliorer la lisibilité du texte, vous pouvez ajouter un filtre de couleur sur l’image. La composition est entièrement modifiable à l’intérieur de la bannière : titres, textes, boutons, colonnes, …


Bloc Média & texte

Je suis un média & texte,
Je suis modulable

Les blocs média & texte permettent de mettre un texte face à une image ou vidéo. L’image peut-être placée à gauche ou à droite du texte. La couleur de fond du texte est modifiable.

Curabitur consequat sapien vel massa hendrerit, sit amet ullamcorper ipsum rhoncus. Donec non varius nunc, eget tempor odio. Ut nec sapien ac elit vestibulum rhoncus. Ut placerat nisi vitae dolor convallis, ac scelerisque lorem blandit. Suspendisse imperdiet mi tortor, ac iaculis eros facilisis pellentesque. Aliquam mattis nibh vel hendrerit eleifend. Phasellus volutpat condimentum nunc volutpat scelerisque

Je suis un média & texte pleine largeur,
Je suis modulable

Les blocs média & texte permettent de mettre un texte face à une image ou vidéo. L’image peut-être placée à gauche ou à droite du texte. La couleur de fond du texte est modifiable.

Curabitur consequat sapien vel massa hendrerit, sit amet ullamcorper ipsum rhoncus. Donec non varius nunc, eget tempor odio. Ut nec sapien ac elit vestibulum rhoncus. Ut placerat nisi vitae dolor convallis, ac scelerisque lorem blandit. Suspendisse imperdiet mi tortor, ac iaculis eros facilisis pellentesque. Aliquam mattis nibh vel hendrerit eleifend. Phasellus volutpat condimentum nunc volutpat scelerisque


Bloc Vidéo
pour afficher une vidéo Youtube, Vimeo, … ou de votre ordinateur


Bloc Tableau
parfait pour partager données et graphiques

Libellé de l’en-têteLibellé de l’en-têteLibellé de l’en-tête
CelluleCelluleCellule
CelluleCelluleCellule
CelluleCelluleCellule
Libellé de l’en-têteLibellé de l’en-têteLibellé de l’en-tête
CelluleCelluleCellule
CelluleCelluleCellule
CelluleCelluleCellule

D’autres blocs existent

  • Bloc Séparateur : Crée une séparation entre vos textes ou entre des sections avec un séparateur horizontal.
  • Bloc Espacement : Ajoute de l’espace entre les blocs et personnalise sa hauteur.
  • Bloc Audio : Embarque un lecteur audio simple.
  • Bloc Fichier : Ajoute un lien vers un fichier téléchargeable.
  • Bloc HTML : Ajoute du code HTML personnalisé et permet de le prévisualiser en direct.
  • Bloc Code : Ajout de bouts de code en respectant leurs espacements et tabulations.
  • Bloc Préformaté : Ajoute du texte qui respecte les espacements et tabulations, et qui permet également de la mise en forme.