Vitrines sectorielles

Ce catalogue présente dix-neuf vitrines sectorielles : six modèles Bulma (référence historique du portfolio), huit vitrines converties et cinq variantes sur d’autres frameworks (Bootstrap, Tailwind, Pico, DaisyUI, Open Props). Chaque démo garde une arborescence et un positionnement sectoriel distincts.

Vitrines secteurs — accès direct

Équivalent d'un plan de site « une page par secteur » : chaque carte ouvre une vitrine complète avec sa propre hiérarchie de navigation.

Bulma · Tech

Technologie

Synapse Lorraine — SaaS & cloud.

Bulma · HCR

Restauration

Brasserie Saint-Jacques.

Bulma · Bien-être

Beauté

Spa Thalie.

Bulma · Santé

Odontologie

Centre dentaire Mosaïque.

Bulma · Industrie

Industrie

Précisite Usinage.

Bulma · ESS

Association

Solidarités Metz Métropole.

Bootstrap · Retail

Commerce

Halles Thionville.

Bootstrap · Conseil

Comptable

Verlaine & Associés.

Tailwind · Formation

Éducation

Institut Mercure.

Tailwind · Services

Services

Proprio Facility.

Tailwind · Finance

Banque

Verlaine Banque Régionale.

Pico CSS · Hôtel

Établissement

Hôtel Stanislas Collection.

DaisyUI · Garage

Automobile

Garage Central Plappeville.

Open Props · Artisan

Chocolatier

Chocolaterie Vialson.

Bootstrap

Immobilier

Patrimoine Lorraine.

Tailwind

Juridique

Rivière & Partenaires.

Pico CSS

Architecture

Atelier Nord-Est.

DaisyUI

Fitness

Pulse Fitness Metz.

Open Props

Photographie

Studio Lumière Grise.

Guide express pour la revue responsive

Ce hub joue le rôle d'une page « ressources / documentation » dans une arborescence réelle : il complète le catalogue de vitrines sans les dupliquer. Utilisez les captures desktop, tablette et mobile pour repérer débordements, contrastes et respiration typographique.

Les chemins relatifs fonctionnent derrière un serveur statique ; les visuels sont des illustrations d'ambiance ; les ancres valident le scroll-margin et la navigation clavier sur les pages longues.

Indicateurs de couverture

Bloc « preuve » chiffrée — équivalent d'une barre KPI sur une landing Bootstrap ou un bandeau statistiques Joomla.

19vitrines

6Bulma

13autres frameworks

3formats capture

Contact

Usage — démonstrations portfolio. Les formulaires sont statiques ; ne saisissez pas de données personnelles sensibles.

Retour — les vitrines renvoient ici via le lien en pied de page.

danielcraft.fr (exemple)

Arborescence type catalogue + ressources (liste de catégories, guide, KPI, contact) — proche d'un plan de site Joomla ou d'une page d'index ThemeForest, avec hero marketing façon exemples Bootstrap · Heroes. Hiérarchie et profondeur : voir Pilot'in — construire l'arborescence d'un site web.