You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
145 lines
3.8 KiB
145 lines
3.8 KiB
<!DOCTYPE html>
|
|
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Nous Contacter</title>
|
|
<link rel="stylesheet" href="../style/style.css">
|
|
<link rel="stylesheet" href="../style/navbar.css">
|
|
<link rel="stylesheet" href="../style/contact.css">
|
|
<link rel="icon" href="../images/boussole.png">
|
|
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav>
|
|
<ul class="navbar" id="navbar">
|
|
<li><a href="../index.html">Accueil</a></li>
|
|
<li><a href="traces.html">Nos Parcours</a></li>
|
|
<li><a href="images.html">Galerie</a></li>
|
|
<li><a href="tutos.html">Tutoriels</a></li>
|
|
<li><a href="https://www.visugpx.com/editgpx/">Tracer !</a></li>
|
|
<li><a id="actual" href="#">Contact</a></li>
|
|
<a class="close" href="#"><img src="../images/open.png" id="close"></a>
|
|
</ul>
|
|
<a class="open" href="#navbar"><img src="../images/open.png" id="open"></a>
|
|
<a href="../index.html"><img src="../images/boussole.png" id="boussole"></a>
|
|
|
|
|
|
</nav>
|
|
|
|
<nav class="navbar2">
|
|
|
|
<a href="../index.html"><img src="../images/boussole.png" alt="Img Not Found :("></a>
|
|
<a href="traces.html">Nos Parcours</a>
|
|
<a href="images.html">Galerie</a>
|
|
<a href="tutos.html">Tutoriels</a>
|
|
<a href="https://www.visugpx.com/editgpx/" target="blank_">Tracer!</a>
|
|
<a id="actual" href="#">Contact</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<div class="title_contact">
|
|
|
|
|
|
|
|
<h1>Nous Contacter :</h1>
|
|
</div>
|
|
|
|
<h2>Indiquez Nous Vos Coordonnées et le motif de votre contact :</h2>
|
|
|
|
|
|
<div class="form_contact">
|
|
|
|
|
|
<form action="../php/contact.php" method="post">
|
|
|
|
<label for="name">Nom* :</label>
|
|
<input type="text" name="name" id="name" required><br>
|
|
|
|
<label for="prenom">Prénom* : </label>
|
|
<input type="text" name="prenom" id="prenom" required><br>
|
|
|
|
<label for="tel">Téléphone :</label>
|
|
<input type="tel" name="tel" id="tel"><br>
|
|
|
|
<label for="mail">Adresse Mail* :</label>
|
|
<input type="email" name="mail" id="mail"><br>
|
|
|
|
<label for="reason">Raison Du Contact : </label>
|
|
<select name="reason" size="1">
|
|
<option>Besoin D'aide
|
|
<option>Devenir Certifié
|
|
<option>Autre
|
|
</select><br>
|
|
|
|
<label for="horaire">Jour et Horaire :</label>
|
|
<input name="horaire" id="horaire" type="datetime-local"><br>
|
|
|
|
<div>
|
|
|
|
<legend>S'agit t'il de votre premier contact avec nous ?</legend>
|
|
|
|
<div>
|
|
<input type="radio" id="OuiFirst" name="OuiFirst" value="OuiFirst">
|
|
<label for="OuiFirst">Oui</label>
|
|
</div>
|
|
|
|
</div>
|
|
<br>
|
|
|
|
<label for="msg">Message* :</label><br>
|
|
<textarea id="msg" name="msg" placeholder="Ecrivez La Raison de Votre Contact." rows="5" cols="33" required>
|
|
</textarea><br>
|
|
|
|
<input type="reset" value="Effacer"/>
|
|
<input type="submit" value="Envoyer"/>
|
|
|
|
|
|
<p>Les Champs Contenant des étoiles* sont obligatoires !</p>
|
|
</form>
|
|
|
|
</div>
|
|
|
|
<div class="bf_footer">
|
|
<h3>#Go Ride Now<br>
|
|
#Va Rouler</h3>
|
|
</div>
|
|
|
|
<footer>
|
|
<div class="content_4">
|
|
|
|
<section class="bottom_left">
|
|
<a href="../index.html"><img src="../images/boussole.png"></a>
|
|
|
|
<p>
|
|
Run & Bike In Mountain @2022 All Rights Reserved.<br>
|
|
See Here Our <a href="#">Terms And Conditions.</a><br>
|
|
Dudonné Baptiste BUT 1 2022-2023.<br>
|
|
Vous Souhaitez nous Contacter ? C'est <a href="contact.html">ici.</a>
|
|
</p>
|
|
|
|
|
|
</section>
|
|
|
|
<section class="bottom_right">
|
|
|
|
<p>Follow Us On :</p>
|
|
|
|
<a href="#">Facebook</a>
|
|
<a href="#">Twitter</a>
|
|
<a href="#">intragram</a>
|
|
|
|
|
|
</section>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html> |