Les Header

H1 – Header + Scroll down – Mettez les mots en gras pour obtenir le surlignement

Ceci est l’introduction du header. Ci-dessous vous voyez une flèche pour vous rendre directement au contenu dessous le header. Il faudra bien penser à ajouter l’ancre nommé « scrolldown » dans la prochaine section de la page.

H1 – Header initial – Titre du header, mettez les mots en gras pour obtenir le surlignement

Ceci est l’introduction du header.

le xx/xx/xxxx

Titre de l’article

Introduction de l’article.
Quelques petites choses à ne pas oublier :
– modifier le titre de la page et son slug (en dehors de l’éditeur, via la plateforme WordPress)
– ajouter une image mise en avant dans la barre d’outil de droite, onglet « article » et rédiger un extrait de l’article.
– régler le SEO avec Yoast SEO en pied de page (ne pas toucher le slug ici)

Les paragraphes simples

H2 Bloc intro

Ceci est l’introduction.Phasellus nec feugiat mi. Nam turpis justo, condimentum ac nibh quis, aliquet tincidunt augue. Integer eros lorem, cursus ac tincidunt at, pellentesque non mi. Proin at volutpat felis. Nam turpis justo, condimentum ac nibh quis, aliquet tincidunt augue. Integer eros lorem, cursus ac tincidunt at, pellentesque non mi. Proin at volutpat felis.

Ceci est un paragraphe simple

Ceci est un texte sur deux colonnes. Phasellus nec feugiat mi. Nam turpis justo, condimentum ac nibh quis, aliquet tincidunt augue. Integer eros lorem, cursus ac tincidunt at, pellentesque non mi. Proin at volutpat felis. Vivamus a felis pretium, interdum mauris ut, scelerisque enim. Vivamus dignissim malesuada odio, eget feugiat augue. Maecenas ex mauris, sagittis id viverra nec, dictum ut lacus.

Phasellus nec feugiat mi. Nam turpis justo, condimentum ac nibh quis, aliquet tincidunt augue. Integer eros lorem, cursus ac tincidunt at, pellentesque non mi. Proin at volutpat felis. Vivamus a felis pretium, interdum mauris ut, scelerisque enim. Vivamus dignissim malesuada odio, eget feugiat augue. Maecenas ex mauris, sagittis id viverra nec, dictum ut lacus.

H2 – Texte centré – Titre + Texte

Phasellus nec feugiat mi. Nam turpis justo, condimentum ac nibh quis, aliquet tincidunt augue. Integer eros lorem, cursus ac tincidunt at, pellentesque non mi. Proin at volutpat felis. Vivamus a felis pretium, interdum mauris ut, scelerisque enim. Vivamus dignissim malesuada odio, eget feugiat augue. Maecenas ex mauris, sagittis id viverra nec, dictum ut lacus.

Les blocs image

Ceci est une légende

Ceci est un titre 2

Ceci est un sous-titre

Lorem ipsum

Ceci est un sous-titre

Ceci est un lien sous forme de bouton

Ceci est une légende

Ceci est une légende

H2 – Blocs image + CTA

Ceci est un sous-titre

Lorem ipsum

Ceci est un sous-titre

Ceci est un lien sous forme de bouton

Les blocs textes + images

H2 – 2 colonnes larges : Image + texte

Lorem ipsum dolor sit amet

Proin at volutpat felis. Vivamus a felis pretium, interdum mauris ut, scelerisque enim. Vivamus dignissim malesuada odio, eget feugiat augue. Maecenas ex mauris, sagittis id viverra nec, dictum ut lacus.

H2 Lorem ipsum

Phasellus nec feugiat mi. Nam turpis justo, condimentum ac nibh quis, aliquet tincidunt augue. Integer eros lorem, cursus ac tincidunt at, pellentesque non mi. Proin at volutpat felis. Vivamus a felis pretium, interdum mauris ut, scelerisque enim. Vivamus dignissim malesuada odio, eget feugiat augue. Maecenas ex mauris, sagittis id viverra nec, dictum ut lacus.

Ceci est un titre

Pellentesque vulputate tristique nibh, nec viverra leo aliquet sed. Nam neque elit, malesuada faucibus mattis ut, egestas nec tellus. Nunc posuere porta molestie. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc ut est facilisis, aliquet erat nec, pretium neque.

Ceci est un titre

Pellentesque vulputate tristique nibh, nec viverra leo aliquet sed. Nam neque elit, malesuada faucibus mattis ut, egestas nec tellus. Nunc posuere porta molestie. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc ut est facilisis, aliquet erat nec, pretium neque. Pellentesque vehicula ligula eget ipsum congue semper ut ac enim.

Ceci est un titre

Pellentesque vulputate tristique nibh, nec viverra leo aliquet sed. Nam neque elit, malesuada faucibus mattis ut, egestas nec tellus. Nunc posuere porta molestie. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Ceci est un titre

Pellentesque vulputate tristique nibh, nec viverra leo aliquet sed. Nam neque elit, malesuada faucibus mattis ut, egestas nec tellus. Nunc posuere porta molestie. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc ut est facilisis, aliquet erat nec, pretium neque.

Ceci est un lien

Ceci est un titre

Pellentesque vulputate tristique nibh, nec viverra leo aliquet sed. Nam neque elit, malesuada faucibus mattis ut, egestas nec tellus. Nunc posuere porta molestie. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc ut est facilisis, aliquet erat nec, pretium neque. Pellentesque vehicula ligula eget ipsum congue semper ut ac enim.

Ceci est un lien

Ceci est un titre

Pellentesque vulputate tristique nibh, nec viverra leo aliquet sed. Nam neque elit, malesuada faucibus mattis ut, egestas nec tellus. Nunc posuere porta molestie. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Ceci est un lien

H2 Bloc titre + sous-titre + image + texte

H3 : Sous-titre

Phasellus nec feugiat mi. Nam turpis justo, condimentum ac nibh quis, aliquet tincidunt augue. Integer eros lorem, cursus ac tincidunt at, pellentesque non mi. Proin at volutpat felis. Vivamus a felis pretium, interdum mauris ut, scelerisque enim. Vivamus dignissim malesuada odio, eget feugiat augue. Maecenas ex mauris, sagittis id viverra nec, dictum ut lacus.

Lien sous forme de bouton

H2 Bloc titre + sous-titre + image + texte

H3 : Sous-titre

Phasellus nec feugiat mi. Nam turpis justo, condimentum ac nibh quis, aliquet tincidunt augue. Integer eros lorem, cursus ac tincidunt at, pellentesque non mi. Proin at volutpat felis. Vivamus a felis pretium, interdum mauris ut, scelerisque enim. Vivamus dignissim malesuada odio, eget feugiat augue. Maecenas ex mauris, sagittis id viverra nec, dictum ut lacus.

Lien sous forme de bouton

H2 – Double bloc texte + image + texte

Phasellus nec feugiat mi. Nam turpis justo, condimentum ac nibh quis, aliquet tincidunt augue. Integer eros lorem, cursus ac tincidunt at, pellentesque non mi. Proin at volutpat felis. Vivamus a felis pretium, interdum mauris ut, scelerisque enim. Vivamus dignissim malesuada odio, eget feugiat augue. Maecenas ex mauris, sagittis id viverra nec, dictum ut lacus.

Phasellus nec feugiat mi. Nam turpis justo, condimentum ac nibh quis, aliquet tincidunt augue. Integer eros lorem, cursus ac tincidunt at, pellentesque non mi. Proin at volutpat felis. Vivamus a felis pretium, interdum mauris ut, scelerisque enim. Vivamus dignissim malesuada odio, eget feugiat augue. Maecenas ex mauris, sagittis id viverra nec, dictum ut lacus.

Ceci est un titre 2

Phasellus nec feugiat mi. Nam turpis justo, condimentum ac nibh quis, aliquet tincidunt augue. Integer eros lorem, cursus ac tincidunt at, pellentesque non mi. Proin at volutpat felis. Vivamus a felis pretium, interdum mauris ut, scelerisque enim. Vivamus dignissim malesuada odio, eget feugiat augue. Maecenas ex mauris, sagittis id viverra nec, dictum ut lacus.

Les blocs colonnes + picto

H4 Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed

H4 Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed

H4 Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed

H4 Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed

H4 Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed

H4 Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed

H4 Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed

H4 Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed

H4 Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed

H4 Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed

H4 Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed

H4 Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed

Les blocs logos

H2 – Bloc logos – 2 lignes

H2 – Bloc logos – 1 ligne

Les FAQ et toggle

H2 Lorem Ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr diam nonum tempor invidunt ut labore dolore ?

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr diam nonum tempor invidunt ut labore dolore ?

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr diam nonum tempor invidunt ut labore dolore ?

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Les blocs caractéristiques techniques

Bloc 4 images miniatures + caractéristique

Ceci est la courte description de la caractéristique

Le titre de la caractéristique

Ceci est la courte description de la caractéristique

Le titre de la caractéristique

Ceci est la courte description de la caractéristique

Ceci est une autre description

Voici une autre description

Le titre de la caractéristique

Ceci est la courte description de la caractéristique

Ceci est un titre H2

Statut

Architecture Plurielle

MOA

Maitrise d’ouvrage privée

Montant de travaux

1000000

Le titre de la caractéristique

Ceci est la courte description de la caractéristique

Le titre de la caractéristique

Ceci est la courte description de la caractéristique

Voici une autre description pour la caractéristique

Le titre de la caractéristique

Ceci est la courte description de la caractéristique

Le titre de la caractéristique

Ceci est la courte description de la caractéristique

H2 Caractéristiques – Titre + texte + caractéristiques techniques + image

Phasellus nec feugiat mi. Nam turpis justo, condimentum ac nibh quis, aliquet tincidunt augue. Integer eros lorem, cursus ac tincidunt at, pellentesque non mi. Proin at volutpat felis. Vivamus a felis pretium, interdum mauris ut, scelerisque enim. Vivamus dignissim malesuada odio, eget feugiat augue. Maecenas ex mauris, sagittis id viverra nec, dictum ut lacus.

Le titre de la caractéristique

Ceci est la courte description de la caractéristique

Le titre de la caractéristique

Ceci est la courte description de la caractéristique

H2 Caractéristiques – Image + Titre + texte + caractéristiques techniques

Phasellus nec feugiat mi. Nam turpis justo, condimentum ac nibh quis, aliquet tincidunt augue. Integer eros lorem, cursus ac tincidunt at, pellentesque non mi. Proin at volutpat felis. Vivamus a felis pretium, interdum mauris ut, scelerisque enim. Vivamus dignissim malesuada odio, eget feugiat augue. Maecenas ex mauris, sagittis id viverra nec, dictum ut lacus.

Le titre de la caractéristique

Ceci est la courte description de la caractéristique

Le titre de la caractéristique

Ceci est la courte description de la caractéristique

Les CTA / mises en exergue

H2 Bloc simple exergue – Titre + texte + CTA

Phasellus nec feugiat mi. Nam turpis justo, condimentum ac nibh quis, aliquet tincidunt augue. Integer eros lorem, cursus ac tincidunt at, pellentesque non mi. Proin at volutpat felis. Vivamus a felis pretium, interdum mauris ut, scelerisque enim. Vivamus dignissim malesuada odio, eget feugiat augue. Maecenas ex mauris, sagittis id viverra nec, dictum ut lacus.

Ceci est un lien

H2 Bloc simple exergue – Titre + CTA

Ceci est un lien

H2 Bloc exergue encadré – Titre + texte + image + CTA

Phasellus nec feugiat mi. Nam turpis justo, condimentum ac nibh quis, aliquet tincidunt augue. Integer eros lorem, cursus ac tincidunt at, pellentesque non mi. Proin at volutpat felis. Vivamus a felis pretium, interdum mauris ut, scelerisque enim. Vivamus dignissim malesuada odio, eget feugiat augue. Maecenas ex mauris, sagittis id viverra nec, dictum ut lacus.

Ceci est un lien

H2 Titre bloc exergue avec image

Phasellus nec feugiat mi. Nam turpis justo, condimentum ac nibh quis, aliquet tincidunt augue. Integer eros lorem, cursus ac tincidunt at, pellentesque non mi. Proin at volutpat felis. Vivamus a felis pretium, interdum mauris ut, scelerisque enim. Vivamus dignissim malesuada odio, eget feugiat augue. Maecenas ex mauris, sagittis id viverra nec, dictum ut lacus.

Ceci est un lien

Le plancher HOBOA

Comment construire avec notre solution de plancher mixte CLT-béton ? Pour découvrir toutes ses applications et son

Ceci est un lien

On se rencontre ?

Pour tous renseignement, un conseil, une question, nous sommes là pour vous renseigner.

Ceci est un lien

Les blocs pratiques

Lien sous forme de bouton

Lien sous forme de bouton

Séparateur + mini titre

Les boucles paramétrables

  • Visite des chantiers Canopia avec Fibois Bretagne

    Nous organisons des visites de chantier en partenariat avec les intervenants de nos opérations. Quoi de mieux pour se faire une idée et échanger que de se rencontrer sur site ?

    Lire l’article

  • Canopia Business

    ,

    Comment valoriser une opération tertiaire aujourd’hui ? La maîtrise d’ouvrage a choisi le système HOBOA© et la préfabrication complète des planchers mixtes bois-béton pour ce bâtiment à énergie positive.

    Voir plus

  • Canopia Business

    ,

    Comment valoriser une opération tertiaire aujourd’hui ? La maîtrise d’ouvrage a choisi le système HOBOA© et la préfabrication complète des planchers mixtes bois-béton pour ce bâtiment à énergie positive.

    Voir plus

  • ATEx validée pour le plancher HOBOA©

    La rumeur disait vrai, il faut faire preuve de bravoure pour valider une ATEx. Mais avec le renfort de partenaires aguerris nous avons décroché avec succès cette appréciation technique délivrée par le CSTB.

    Lire la suite

  • Horizons Bois lauréat du Canopée Challenge

    Thierry Soquet a présenté le projet de développement d’Horizons Bois pour le système HOBOA© devant un jury d’experts de la filière bois-forêt et décroché le premier prix !

    Lire la suite

H2 Divers Catalogue Image + titre + texte + tag boucle

  • ATEx validée pour le plancher HOBOA©

    La rumeur disait vrai, il faut faire preuve de bravoure pour valider une ATEx. Mais avec le renfort de partenaires aguerris nous avons décroché avec succès cette appréciation technique délivrée par le CSTB.

    Lire la suite

  • Horizons Bois lauréat du Canopée Challenge

    Thierry Soquet a présenté le projet de développement d’Horizons Bois pour le système HOBOA© devant un jury d’experts de la filière bois-forêt et décroché le premier prix !

    Lire la suite

Nos réalisations

  • Canopia Business

    Comment valoriser une opération tertiaire aujourd’hui ? La maîtrise d’ouvrage a choisi le système HOBOA© et la préfabrication complète des planchers mixtes bois-béton pour ce bâtiment à énergie positive.

    Lire la suite

  • Campus CCI de Changé

    Dès le concours, les ambitions environnementales et l’efficacité de la proposition de l’équipe de maîtrise d’œuvre ont su retenir l’attention de la MOA.

    Lire la suite

  • Canopia Santé

    Pour couronner une opération de réhabilitation d’ampleur, une surélévation de 3 niveaux en structure HOBOA© accueillant le nouveau centre de santé de Cesson-Sévigné.

    Lire la suite

Nos réalisations

  • Canopia Business

    Canopia Business

    Comment valoriser une opération tertiaire aujourd’hui ? La maîtrise d’ouvrage a choisi le système HOBOA© et la préfabrication complète des planchers mixtes bois-béton pour ce bâtiment à énergie positive.

    Lire la suite

  • Campus CCI de Changé

    Campus CCI de Changé

    Dès le concours, les ambitions environnementales et l’efficacité de la proposition de l’équipe de maîtrise d’œuvre ont su retenir l’attention de la MOA.

    Lire la suite

  • Canopia Santé

    Canopia Santé

    Pour couronner une opération de réhabilitation d’ampleur, une surélévation de 3 niveaux en structure HOBOA© accueillant le nouveau centre de santé de Cesson-Sévigné.

    Lire la suite

Toutes nos réalisations

Les blocs avec effet hover

H2 Catalogue horizontal : Image + titre + tag + texte

H3 Lorem ipsum dolor sit amet, consetetur sadipscin

ceci est un tag logement

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus

H3 Lorem ipsum dolor sit amet, consetetur sadipscin

ceci est un tag logement

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus

H3 Lorem ipsum dolor sit amet, consetetur sadipscin

ceci est un tag logement

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus

H2 – Catalogue vertical Image + titre + texte

H3 Lorem ipsum dolor sit amet, consetetur sadipscin

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus

H3 Lorem ipsum dolor sit amet, consetetur sadipscin

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus

H3 Lorem ipsum dolor sit amet, consetetur sadipscin

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus

Ceci est un lien

Les blocs spéciaux

H2 – Bloc à défilement vertical (simple

H3 Lorem Ipsum avec un titre plus long

Texte descriptif Texte descriptif Texte descriptif Texte descriptif Texte descriptif Texte descriptif Texte descriptif Texte descriptif Texte descriptif

H3 Lorem Ipsum

Texte descriptif

H3 Lorem Ipsum

Texte descriptif

2 colonnes étroites : Image + texte (HOBOA)


Lorem ipsum dolor sit amet

HOBOA© est un système constructif bas-carbone

  • Poteau-plancher-façades.
  • Sans poutres.
  • Mixte bois-béton, avec la juste quantité de l’un et de l’autre.

Une multitude d’applications

HOBOA est un système constructif prévu pour plusieurs applications :

Ceci est un lien

Ceci est un titre 2

H3 sous-titre

Phasellus nec feugiat mi. Nam turpis justo, condimentum ac nibh quis, aliquet tincidunt augue. Integer eros lorem, cursus ac tincidunt at, pellentesque non mi. Proin at volutpat felis. Vivamus a felis pretium, interdum mauris ut, scelerisque enim. Vivamus dignissim malesuada odio, eget feugiat augue. Maecenas ex mauris, sagittis id viverra nec, dictum ut lacus.

h3 sous-titre

Phasellus nec feugiat mi. Nam turpis justo, condimentum ac nibh quis, aliquet tincidunt augue. Integer eros lorem, cursus ac tincidunt at, pellentesque non mi. Proin at volutpat felis. Vivamus a felis pretium, interdum mauris ut, scelerisque enim. Vivamus dignissim malesuada odio, eget feugiat augue. Maecenas ex mauris, sagittis id viverra nec, dictum ut lacus.

H2 – Bloc à défilement vertical

  • Ceci est le 1er titre

    At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia

  • Ceci est le 2eme titre

    Consetetur sadipscing elitr, sed dia. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

  • Ceci est le 3eme titre

    At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia.

Lien sous forme de bouton