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:
+17
-17
@@ -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 !
|
||||
Reference in New Issue
Block a user