Sections · 596 éléments

Des modèles de sections responsive pour votre site

Des blocs pleine largeur qui s’empilent pour composer des pages complètes. Chaque section est autonome, responsive et s’intègre naturellement aux autres.

Parcourir · Catégories

Des modèles de sections responsive pour votre site

596 éléments

Screenshot of Hero Simple Centered template

Hero Simple Centered

Hero centré avec titre, sous-titre et bouton CTA sur fond dégradé léger

Hero

Screenshot of Hero Simple Left template

Hero Simple Left

Hero avec contenu aligné à gauche, badge optionnel et deux boutons CTA

Hero

Screenshot of Hero Image Right template

Hero Image Right

Hero avec texte à gauche et grande image à droite en 50/50

Hero

Screenshot of CTA Simple Centered template

CTA Simple Centered

Call to action simple et centré avec titre et bouton

Appel à l’action

Screenshot of CTA with Image template

CTA with Image

Call to action avec image ou illustration

Appel à l’action

Screenshot of CTA Newsletter template

CTA Newsletter

Call to action avec formulaire d'inscription newsletter

Appel à l’action

Screenshot of CTA Simple Dark template

CTA Simple Dark

Call to action sur fond sombre avec design premium

Appel à l’action

Screenshot of Gallery Carousel template

Gallery Carousel

Galerie carousel avec navigation et transitions Ken Burns élégantes

Galerie

Screenshot of Gallery Featured template

Gallery Featured

Galerie avec image principale mise en avant et thumbnails

Galerie

Screenshot of Gallery Masonry template

Gallery Masonry

Galerie style masonry/Pinterest avec images de hauteurs variées

Galerie

Screenshot of Steps Cards template

Steps Cards

Étapes premium en cards avec numéros et icônes

Étapes

Screenshot of Team Grid template

Team Grid

Grille de présentation des membres de l'équipe avec photos rondes et liens sociaux

Équipe

Screenshot of Team Cards template

Team Cards

Cartes élégantes de présentation d'équipe avec photo et bio

Équipe

Screenshot of Team Simple template

Team Simple

Présentation d'équipe minimaliste et élégante

Équipe

Screenshot of Stats Simple template

Stats Simple

Chiffres clés en ligne horizontale sur fond coloré

Chiffres clés

Screenshot of Stats with Icons template

Stats with Icons

Statistiques élégantes avec icônes illustratives dans des cards

Chiffres clés

Screenshot of Stats Dark template

Stats Dark

Statistiques élégantes sur fond sombre avec accents colorés

Chiffres clés

Screenshot of Contact Split template

Contact Split

Section contact élégante avec informations et formulaire côte à côte

Contact

Screenshot of Contact With Map template

Contact With Map

Section contact élégante avec carte interactive et informations détaillées

Contact

Screenshot of FAQ Accordion template

FAQ Accordion

Section FAQ avec accordéon interactif et animations fluides

FAQ

Screenshot of FAQ Two Columns template

FAQ Two Columns

Section FAQ en deux colonnes avec icônes et design premium

FAQ

Screenshot of FAQ with Contact template

FAQ with Contact

Section FAQ avec invitation à contacter le support et design premium

FAQ

Screenshot of Form Login template

Form Login

Formulaire de connexion élégant avec card centrée

Formulaires

Screenshot of Form Register template

Form Register

Formulaire d'inscription élégant avec card centrée

Formulaires

Screenshot of Form Booking template

Form Booking

Formulaire de réservation élégant avec sélection date/heure

Formulaires

Screenshot of Form Profile template

Form Profile

Formulaire d'édition de profil avec avatar

Formulaires

Screenshot of Form Settings template

Form Settings

Formulaire de paramètres avec toggles et selects

Formulaires

Screenshot of Logos With Title template

Logos With Title

Section logos complète avec titre, sous-titre et grille 6 colonnes

Logos

Screenshot of Header Simple template

Header Simple

En-tête simple avec logo et liens de navigation

En-têtes

Screenshot of Header Logo Nav template

Header Logo Nav

En-tête avec logo à gauche et navigation alignée à droite, sans CTA

En-têtes

Screenshot of Header Minimal template

Header Minimal

En-tête ultra minimaliste avec logo et hamburger uniquement

En-têtes

Screenshot of Product Detail template

Product Detail

Page détail produit premium avec galerie et informations complètes

E-commerce

Screenshot of Product Featured template

Product Featured

Produit premium mis en avant avec tous les détails et CTA

E-commerce

Screenshot of Newsletter Simple template

Newsletter Simple

Section newsletter simple centrée avec design épuré

Newsletter

Screenshot of Newsletter Dark template

Newsletter Dark

Section newsletter élégante sur fond sombre avec effets lumineux

Newsletter

Screenshot of Newsletter Stacked template

Newsletter Stacked

Formulaire newsletter empilé verticalement avec design épuré

Newsletter

Screenshot of Footer Simple template

Footer Simple

Pied de page simple avec copyright et liens

Pieds de page

Screenshot of Footer Columns template

Footer Columns

Pied de page avec colonnes de liens organisées

Pieds de page

Screenshot of Footer Dark Premium template

Footer Dark Premium

Pied de page premium avec fond sombre et éléments décoratifs

Pieds de page

Guide

Les sections sont les blocs pleine largeur qui composent chaque page du web. Plutôt que de partir d’une page blanche, choisissez les sections dont vous avez besoin, placez-les dans l’ordre et personnalisez leur contenu. Notre bibliothèque compte plus de 800 modèles de sections couvrant tous les schémas courants d’un site, du hero qui accroche le regard au pied de page informatif.

Les catégories de sections les plus utilisées

Commencez par une section hero percutante pour capter l’attention dès l’arrivée. Ajoutez une section de fonctionnalités pour présenter votre offre dans une grille visuelle. Installez la confiance avec des témoignages clients accompagnés de citations, de photos et de notes en étoiles. Présentez vos formules avec une grille tarifaire qui bascule entre prix mensuels et annuels. Terminez par un appel à l’action convaincant qui incite à s’inscrire, acheter ou prendre contact. Sans oublier l’essentiel : un en-tête avec navigation soigné et un pied de page complet relient l’ensemble sur tout votre site.

Pourquoi préférer les sections aux pages complètes

Les modèles de pages de la bibliothèque de pages sont parfaits pour démarrer vite, mais les sections vous donnent un contrôle fin. Associez un hero sombre à une grille tarifaire claire. Remplacez un carrousel de témoignages par une grille en mosaïque. Échangez un simple formulaire de contact contre une version avec carte issue des modèles Google Maps. Les sections permettent de créer des pages vraiment uniques tout en gardant la finition d’un design professionnel. Chacune embarque ses propres styles : elles n’entrent jamais en conflit.

Conçues pour la performance

Chaque section est optimisée pour un rendu rapide : peu de nœuds DOM, images chargées à la demande et CSS efficace, selon les bonnes pratiques de rendu de Google. Elles s’insèrent naturellement dans l’éditeur de pages de Communik, et leur HTML comme leurs classes Tailwind CSS fonctionnent dans n’importe quel framework moderne. Parcourez les sections de contact ou les sections FAQ pour juger par vous-même de la propreté et de la légèreté du code.

Questions

Quelle différence entre une section et un composant ?

Une section est un bloc pleine largeur qui occupe toute une rangée de la page, comme une bannière hero, une grille tarifaire ou un pied de page. Un composant est un élément d’interface plus petit et réutilisable, comme une carte, un bouton ou un badge, placé à l’intérieur d’une section.

Puis-je combiner des sections de styles différents ?

Oui. Chaque section est autonome, avec ses propres couleurs et espacements. Le système de thème de Communik harmonise automatiquement couleurs et typographie d’une section à l’autre pour un ensemble cohérent.

Comment ajouter une section à ma page ?

Ouvrez l’éditeur de pages, cliquez sur « Ajouter une section », parcourez ou recherchez dans la bibliothèque, puis cliquez pour insérer. Vous pouvez réordonner les sections par glisser-déposer et personnaliser visuellement chaque élément.

Puis-je enregistrer une section personnalisée pour la réutiliser ?

Oui. Une fois la section personnalisée, enregistrez-la dans votre bibliothèque personnelle. Elle devient disponible dans tous vos projets, avec vos modifications, vos contenus et vos styles.

Votre prochain site commence ici.
Tout ceci est à un clic.

Chaque section, composant, page et module de cette bibliothèque est prêt dans l’éditeur Communik, aux couleurs de votre marque.

Gratuit pour commencer. Sans carte bancaire.