<!
DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ASDHA - Contact</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/
all.min.css" integrity="sha512-
9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg
==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<header>
<div class="logo">
<a href="index.html">ASDHA</a>
</div>
<nav>
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="vbg.html">VBG</a></li>
<li><a href="wash.html">WASH</a></li>
<li><a href="education.html">Éducation</a></li>
<li><a href="a-propos.html">À Propos</a></li>
<li><a href="actualites.html">Actualités</a></li>
<li><a href="faire-un-don.html">Faire un Don</a></li>
<li><a href="devenir-benevole.html">Devenir Bénévole</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<section id="contact-hero">
<div class="hero-content">
<h2>Contactez ASDHA</h2>
<p>Nous sommes à votre écoute. N'hésitez pas à nous contacter pour toute question ou
demande d'informations.</p>
</div>
</section>
<section id="contact-formulaire">
<h3>Envoyez-nous un message</h3>
<form action="#" method="post">
<label for="nom">Nom :</label>
<input type="text" id="nom" name="nom" required>
<label for="email">Email :</label>
<input type="email" id="email" name="email" required>
<label for="sujet">Sujet :</label>
<input type="text" id="sujet" name="sujet">
<label for="message">Message :</label>
<textarea id="message" name="message" rows="5"></textarea>
<button type="submit">Envoyer</button>
</form>
</section>
<section id="contact-informations">
<h3>Nos coordonnées</h3>
<p>Adresse : [Votre Adresse]</p>
<p>Téléphone : [Votre Numéro de Téléphone]</p>
<p>Email : [Votre Adresse Email]</p>
</section>
<footer>
<p>© 2024 ASDHA | <a href="#">Mentions Légales</a> | <a href="#">Politique de
Confidentialité</a></p>
</footer>
</body>
</html>