Calepin, site vitrine pour carreleur

Artisans & bâtiment

une page · style chaleureux · HTML + Tailwind CSS

• Pensé d'abord pour le téléphone

  Barre d'appel fixe en bas d'écran, boutons faciles à toucher, page courte.

• Textes modifiables en un clic

  Ouvrez le mode édition, cliquez sur un texte, tapez. Aucun logiciel à installer.

• Rapide et sans entretien

  Du HTML statique : pas de base de données, pas d'extension à mettre à jour.

Une page en grille bento pour un carreleur-faïencier : toute la page est un mur carrelé, chaque bloc est un carreau émaillé et les espaces entre eux sont les joints. En ouverture, la salle de bains dessinée se carrelle sous vos yeux, rangée par rangée en partant du bas, puis la douche se met à couler. Le bloc signature est un calepinage interactif : on choisit une pose droite, décalée, en vannerie ou en diagonale et les carreaux se déplacent pour recomposer le motif ; à côté, un calculateur indique la surface à commander avec la chute et le nombre de carreaux selon le format. Suivent les six types de travaux, le chantier en cinq étapes reliées par le cordeau bleu qui se tend, les chantiers récents avec l'avis de chaque client, les questions en accordéons et la demande de visite avec horaires, zone et carte. Bleu cobalt, céladon et moutarde sur joint gris ciment, typographies DM Serif Display et Geologica, navigation en pilule flottante.

Voir la page entière

Sections incluses

• Accueil : titre, salle de bains qui se carrelle et quatre mini-widgets
• Les six types de travaux
• Calepinage interactif et calculateur de carrelage
• Le chantier en cinq étapes
• Chantiers récents avec l'avis des clients
• Questions fréquentes
• Demande de visite : formulaire, horaires, zone et carte

Dans le fichier .zip

• Le site prêt à publier

  index.html, feuille de style compilée et illustrations.

• MODIFIER-MON-SITE.html

  Le mode édition pour changer les textes dans le navigateur.

• Les polices, hébergées avec le site

  Aucun appel à Google Fonts, plus simple pour le RGPD.

• Un guide en français et la licence

  Et les sources Tailwind pour changer les couleurs.