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.
130 lines
4.0 KiB
130 lines
4.0 KiB
<!doctype html>
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8" />
|
|
<title>Contact</title>
|
|
<link rel="icon" type="image/png" href="../media/images/icon.ico">
|
|
<link rel="stylesheet" type="text/css" href="../CSS/style.css">
|
|
<link rel="stylesheet" type="text/css" href="../CSS/page_formulaire.css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<nav class="menu">
|
|
<ul class="menu_liste">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="table.html">Galerie</a></li>
|
|
<li><a href="news.html">News</a></li>
|
|
<li><a href="actus.html">Actus</a></li>
|
|
<li class="reseaux-mobile">
|
|
<a href="https://fr-fr.facebook.com/">
|
|
<img src="../media/images/logo/logo_facebook.webp">
|
|
</a>
|
|
<a href="https://twitter.com/?lang=fr">
|
|
<img src="../media/images/logo/logo_twitter.png">
|
|
</a>
|
|
<a href="https://www.instagram.com/?hl=fr">
|
|
<img src="../media/images/logo/logo_instagram.webp">
|
|
</a>
|
|
<a href="https://www.strava.com/?hl=fr">
|
|
<img src="../media/images/logo/logo_strava.png">
|
|
</a>
|
|
</li>
|
|
<li id="contact">Contact
|
|
<ul class="sous-menu">
|
|
<li><a href="formulaire.html" class="active">Nous contacter</a></li>
|
|
<li><p>Nos adresses :</p>
|
|
<div>
|
|
<li class="coordonnees"><a href="tel:+33">Téléphone</a></li>
|
|
<li class="coordonnees"><a href="mailto:passionsport@contact.fr">Mail</a></li>
|
|
<li class="coordonnees"><a href="https://goo.gl/maps/1mVkDZjDFm7MkmB58">Adresse</a></li>
|
|
</div>
|
|
</li>
|
|
<li><a href="https://www.strava.com/?hl=fr">Strava</a></li>
|
|
<li>Instagram<img src="../media/images/qr_code/qr_instagram.png"></li>
|
|
<li>Twitter<img src="../media/images/qr_code/qr_twitter.webp"></li>
|
|
<li>Facebook<img src="../media/images/qr_code/qr_facebook.png"></li>
|
|
<li>Snapchat<img src="../media/images/qr_code/qr_snapchat.png"></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
<div class="menu_button"><a href="#">ACCUEIL</a>
|
|
<img src="../media/images/menu_button.png" class="menu_button_img">
|
|
</div>
|
|
|
|
<form method="post" action="../PHP/formulaire.php">
|
|
<div>
|
|
<label for="nom">Nom :</label>
|
|
<input type="text" name="nom" id="nom" placeholder="votre nom" required>
|
|
</div>
|
|
|
|
<div>
|
|
<label for="email">Adresse email :</label>
|
|
<input type="email" name="email" id="email" placeholder="votre adresse email" required>
|
|
</div>
|
|
|
|
<div>
|
|
<label for="tel">Numéro de Téléphone (Facultatif) :</label>
|
|
<input type="tel" name="tel" id="tel" placeholder="Numéro de Téléphone">
|
|
</div>
|
|
|
|
<div>
|
|
<label for="motif">Motif :</label>
|
|
<select name="motif">
|
|
|
|
<option value="suggestion">Suggestion</option>
|
|
<option value="don">Don</option>
|
|
<option value="message">Message</option>
|
|
<option value="reporter un bug">Reporter un bug</option>
|
|
<option value="suspicion de fake-news">Suspicion de Fake-news</option>
|
|
<option selected>Aucun</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div>
|
|
<label for=hor>Créneau horaire :</label>
|
|
<input type="datetime-local" name="hor" id="hor">
|
|
</div>
|
|
|
|
<div>
|
|
<p>Il s'agit de votre première demande de contact :</p>
|
|
<input type="radio" name="btn_demande" id="pre_dem" value="choix_oui">
|
|
<label for="choix_oui">Oui</label>
|
|
<input type="radio" name="btn_demande" id="new_dem" value="choix_non">
|
|
<label for="choix_non">Non</label>
|
|
</div>
|
|
|
|
<div>
|
|
<label for="message">Entrez votre message :</label>
|
|
<textarea id="message" name="message" placeholder="saisissez votre message ..." required></textarea>
|
|
</div>
|
|
|
|
|
|
<!-- BOUTON POUR VALIDER -->
|
|
<div class="button">
|
|
<input type="submit" name="btn_valider" value="Valider">
|
|
</div>
|
|
|
|
<div class="button" id="reset_btn">
|
|
<input type="reset" name="btn_reset">
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</body>
|
|
|
|
<footer>Bonafos Adam G6</footer>
|
|
|
|
<script>
|
|
const menu_mobile = document.querySelector(".menu_button_img")
|
|
const menu = document.querySelector(".menu_liste")
|
|
|
|
menu_mobile.addEventListener('click',()=>{
|
|
menu.classList.toggle('mobile-menu')
|
|
})
|
|
</script> |