Julien Martin
cc2ff437d7
Some checks failed
Déploiement Hugo Staging / deploy-staging (push) Has been cancelled
81 lines
4.5 KiB
HTML
81 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head><script src="/livereload.js?mindelay=10&v=2&port=50781&path=livereload" data-no-instant defer></script>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Contactez-Nous - Parlons de Votre Projet P'titsPas | P'titsPas - Solution Petite Enfance pour Collectivités</title>
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav>
|
|
<ul>
|
|
|
|
<li><a href="/">Accueil</a></li>
|
|
|
|
<li><a href="/fonctionnalites/">Fonctionnalités</a></li>
|
|
|
|
<li><a href="/pourquoi-ptitspas/">Pourquoi P'titsPas ?</a></li>
|
|
|
|
<li><a href="/contact/">Contact</a></li>
|
|
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
<main>
|
|
|
|
<article class="content">
|
|
<p>Nous sommes ravis de l’intérêt que vous portez à P’titsPas et nous serions heureux d’échanger avec vous sur la manière dont notre solution peut répondre aux besoins spécifiques de votre collectivité.</p>
|
|
<p>Que vous souhaitiez une démonstration personnalisée, obtenir un devis, ou simplement en savoir plus sur nos fonctionnalités et notre approche, n’hésitez pas à nous solliciter.</p>
|
|
<h2 id="demander-une-démonstration-ou-un-devis">Demander une Démonstration ou un Devis</h2>
|
|
<p>Utilisez le formulaire ci-dessous pour nous faire part de votre projet. Nous nous engageons à vous répondre dans les plus brefs délais.</p>
|
|
<!--
|
|
IMPORTANT : Pour que ce formulaire fonctionne, vous devez l'intégrer avec un service de gestion de formulaires externe tel que :
|
|
- Formspree (https://formspree.io/)
|
|
- Netlify Forms (si votre site est hébergé sur Netlify)
|
|
- Getform (https://getform.io/)
|
|
- Ou une solution backend personnalisée.
|
|
|
|
Vous devrez modifier l'attribut "action" du formulaire ci-dessous avec l'URL fournie par le service que vous choisirez,
|
|
et potentiellement ajouter des champs cachés spécifiques à ce service.
|
|
-->
|
|
<form action="#" 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;">
|
|
</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>
|
|
<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>
|
|
<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>
|
|
<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>
|
|
<button type="submit" style="background-color: #007bff; color: white; padding: 10px 20px; border: none; border-radius: 3px; cursor: pointer;">Envoyer Votre Demande</button>
|
|
</form>
|
|
<p>Nous avons hâte de collaborer avec vous pour améliorer la gestion de la petite enfance sur votre territoire !</p>
|
|
|
|
</article>
|
|
|
|
</main>
|
|
<footer style="background-color: #f8f9fa; padding: 20px 0; text-align: center; border-top: 1px solid #e7e7e7; margin-top: 40px;">
|
|
<div class="container">
|
|
<p>© 2025 P'titsPas - Tous droits réservés.</p>
|
|
<p>
|
|
<a href="/mentions-legales/" style="margin-right: 15px; text-decoration: none; color: #007bff;">Mentions Légales</a>
|
|
<a href="/politique-de-confidentialite/" style="text-decoration: none; color: #007bff;">Politique de Confidentialité</a>
|
|
</p>
|
|
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html> |