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
Ceci est un sous-titre
Ceci est une légende
Ceci est une légende
H2 – Blocs image + CTA
Ceci est un sous-titre
Ceci est un sous-titre
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 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.
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.
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.
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 téléchargements
H2 Ressource / redirection 2 colonnes
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.
H2 Bloc simple exergue – Titre + CTA
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.
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.
Le plancher HOBOA
Comment construire avec notre solution de plancher mixte CLT-béton ? Pour découvrir toutes ses applications et son
On se rencontre ?
Pour tous renseignement, un conseil, une question, nous sommes là pour vous renseigner.
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 ?
-
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.
-
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.
-
Le Bois International sur les chantiers Canopia
Le Bois International et Stéphane Jardin, chef d’édition, se sont penchés sur les chantiers Canopia Santé et Canopia Business. Lisez l’article ici !
-
HOBOA au Forum Bois Construction à Lille
Nous présentons les dernières avancées du système HOBOA au Forum Bois Construction, le rdv incontournable de la filière bois !
-
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.
-
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 !
H2 Divers Catalogue Image + titre + texte + tag boucle
-
Le Bois International sur les chantiers Canopia
Le Bois International et Stéphane Jardin, chef d’édition, se sont penchés sur les chantiers Canopia Santé et Canopia Business. Lisez l’article ici !
-
HOBOA au Forum Bois Construction à Lille
Nous présentons les dernières avancées du système HOBOA au Forum Bois Construction, le rdv incontournable de la filière bois !
-
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.
-
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 !
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.
-
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.
-
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é.
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.
-
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.
-
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é.
Les blocs avec effet hover
H2 – 3 colonnes hover CTA x 1 : Titre + image + Texte
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
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 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.