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.
97 lines
2.8 KiB
97 lines
2.8 KiB
<!DOCTYPE html>
|
|
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" href="css/stylegen.css">
|
|
<link rel="stylesheet" href="css/form.css">
|
|
<title>Contact</title>
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
<div class="navbar">
|
|
<a href="html/informations.html">Informations</a>
|
|
<a href="html/donnees.html">Films</a>
|
|
<a href="index.html">Retour Accueil</a>
|
|
<div class="deroulant">
|
|
<a href="#" class="sousmenu">Médias</a>
|
|
<div class="deroulant-content">
|
|
<a href="html/images.html">Images</a>
|
|
<a href="html/video.html">Vidéos</a>
|
|
</div>
|
|
</div>
|
|
<div class="logo">
|
|
<img src="image/facebook.png" alt="logo facebook" height="45" width="45">
|
|
<img src="image/insta.png" alt="logo instagram" height="45" width="45">
|
|
<img src="image/twitter1.png" alt="logo twitter" height="47" width="47">
|
|
</div>
|
|
</div>
|
|
|
|
<h1>Bienvenue sur notre page de contact !</h1>
|
|
<p>Ici, vous pouvez nous contacter pour nous transmettre vos idées, vos avis, vos retours sur notre site.
|
|
<br>En attente de vos avis... nos petits chibi ont hâtes de vous lire :)</p>
|
|
<div class="baby">
|
|
<img src="image/babytotoro.png" alt="petit totoro" height="145" width="275">
|
|
</div>
|
|
|
|
|
|
<div class="formu">
|
|
|
|
<form action="contact.php" method="gET" class="form">
|
|
|
|
<label for="idnom">Nom:</label>
|
|
<input type="text" name="nom" id="idnom"required/>
|
|
<br>
|
|
<br>
|
|
<label for="idprenom">Prénom:</label>
|
|
<input type="text" name="prenom" id="idprenom"required/>
|
|
<br>
|
|
<br>
|
|
<label for="idemail">Mail:</label>
|
|
<input type="email" name="mail" id="idemail"required/>
|
|
<br>
|
|
<br>
|
|
<label for="idtel">Téléphone:</label>
|
|
<input type="tel" name="tel" id="idtel" />
|
|
<br>
|
|
<br>
|
|
<h4>Pourquoi nous contactez-vous ?</h4>
|
|
<select>
|
|
<option>Besoin de plus d'informations</option>
|
|
<option>Bugs repérés sur le site</option>
|
|
<option>Fautes d'orthographes</option>
|
|
<option>Suggestions</option>
|
|
</select>
|
|
<br>
|
|
<br>
|
|
<br>
|
|
<label for="creneau">Date </label>
|
|
<input type="date" id="creneau" name="creneau"/>
|
|
<br>
|
|
<br>
|
|
<label for="idchoix"><h4>Première demande de contact ?</h4></label>
|
|
<label for="iddem">Oui</label>
|
|
<input type="radio" name="iddem" value="oui"/>
|
|
<label for="iddem">Non</label>
|
|
<input type="radio" name="iddem" value="non"/>
|
|
<br>
|
|
<br>
|
|
<label for="texte"><h4>Et bien dites-nous en plus:</h4></label>
|
|
<textarea cols="40" rows="5" required></textarea>
|
|
<br>
|
|
<br>
|
|
<h4>Cliquez maintenant juste en dessous pour nous envoyer ce formulaire :)</h4>
|
|
<input type="submit" value="Click sur moi !!"/>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="fin">
|
|
<p>Designed by LIVROZET Manon. All Rights Reserved.</p>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
|
|
</html> |