feat(vitrine): modernisation UI (nav, home bento, typo, shortcodes)

- Header sticky, menu mobile, lien d’évitement et JS léger (site.js)
- Accueil : layouts/index.html, contenu structuré en front matter, grille bento
- Motif « parcours » en SVG statique (évite la casse minify sur path inline)
- CSS : tokens, clamp, focus-visible, prefers-reduced-motion, formulaire contact
- Footer aligné sur la charte (plus de styles inline Bootstrap)
- Shortcodes featureblock + card ; fonctionnalités en blocs featureblock
- Polices : Merienda + Source Sans 3 (remplace la pile à 5 Google Fonts)

Made-with: Cursor
This commit is contained in:
2026-04-22 18:47:41 +02:00
parent 1cc51e0745
commit a6b329a698
14 changed files with 798 additions and 214 deletions
+17 -17
View File
@@ -12,28 +12,28 @@ Que vous souhaitiez une démonstration personnalisée, obtenir un devis, ou simp
Utilisez le formulaire ci-dessous pour nous faire part de votre projet. Nous nous engageons à vous répondre dans les plus brefs délais.
<form action="/contact.php" method="POST" style="max-width: 600px; margin: 20px auto; padding: 20px; border: 1px solid #ddd; border-radius: 5px;">
<div style="margin-bottom: 15px;">
<label for="name" style="display: block; margin-bottom: 5px;">Nom Prénom :</label>
<input type="text" id="name" name="name" required style="width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 3px;">
<form class="site-form" action="/contact.php" method="POST">
<div>
<label for="name">Nom Prénom :</label>
<input type="text" id="name" name="name" required>
</div>
<div style="margin-bottom: 15px;">
<label for="collectivite" style="display: block; margin-bottom: 5px;">Collectivité / Organisation :</label>
<input type="text" id="collectivite" name="collectivite" required style="width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 3px;">
<div>
<label for="collectivite">Collectivité / Organisation :</label>
<input type="text" id="collectivite" name="collectivite" required>
</div>
<div style="margin-bottom: 15px;">
<label for="email" style="display: block; margin-bottom: 5px;">Adresse E-mail :</label>
<input type="email" id="email" name="email" required style="width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 3px;">
<div>
<label for="email">Adresse E-mail :</label>
<input type="email" id="email" name="email" required>
</div>
<div style="margin-bottom: 15px;">
<label for="phone" style="display: block; margin-bottom: 5px;">Téléphone (facultatif) :</label>
<input type="tel" id="phone" name="phone" style="width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 3px;">
<div>
<label for="phone">Téléphone (facultatif) :</label>
<input type="tel" id="phone" name="phone">
</div>
<div style="margin-bottom: 15px;">
<label for="message" style="display: block; margin-bottom: 5px;">Votre Message :</label>
<textarea id="message" name="message" rows="6" required style="width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 3px;"></textarea>
<div>
<label for="message">Votre Message :</label>
<textarea id="message" name="message" rows="6" required></textarea>
</div>
<button type="submit" style="background-color: #007bff; color: white; padding: 10px 20px; border: none; border-radius: 3px; cursor: pointer;">Envoyer Votre Demande</button>
<button type="submit">Envoyer votre demande</button>
</form>
Nous avons hâte de collaborer avec vous pour améliorer la gestion de la petite enfance sur votre territoire !