72 lines
3.4 KiB
HTML
72 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>SAE</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;1,800&display=swap" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@400&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div class="main_header">
|
|
<header>
|
|
<img src="swiftrescue.png"class="logo" alt="Logo de l'entreprise">
|
|
<h1> <a href="index.html"> SwiftRescue </a></h1>
|
|
<div id="monSidenav" class="sidenav">
|
|
<a id="closeBtn" href="#" class="close">x</a>
|
|
<ul>
|
|
<li id="accueil"><a href="index.html">Accueil</a></li>
|
|
<li id="entreprise"><a href="entreprise.html">Notre Entreprise</a></li>
|
|
<li id="produits"><a href="produits.html">Produits</a></li>
|
|
<li id="contact"><a href="formulaire.html">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
</header>
|
|
</div>
|
|
<section class="content">
|
|
<h2 class="title_page">Nous contacter</h2>
|
|
<p id="disclaimer"> Certaines de ces informations ne sont pas nécessaires à l'envoi de votre message mais nous permettent d'en apprendre plus sur vous, notre clientèle. </p>
|
|
<form method="post" action="script" enctype="text/plain">
|
|
<div class="nom">
|
|
<label id="prenom">Prénom</label><br>
|
|
<input type="text" name="prenom"><br>
|
|
<label id="nom">Nom</label><br>
|
|
<input type="text" name="nom"><br>
|
|
</div>
|
|
<div class="mail">
|
|
<label><nobr>E-mail*</nobr></label><br>
|
|
<input type="email" name="mail"><br>
|
|
</div>
|
|
<div class="naissance">
|
|
<label>Tél</label><br>
|
|
<input type="tel" name="tel"><br>
|
|
<label><nobr>Date Naissance</nobr></label><br>
|
|
<input type="date" name="naissance"><br>
|
|
</div>
|
|
<div class="sexe">
|
|
<label>Sexe</label><br>
|
|
<input type="radio" name="s" value="Homme"> Homme
|
|
<input type="radio" name="s" value="Femme"> Femme
|
|
<input type="radio" name="s" value="Autre"> Autre
|
|
</div>
|
|
<div class="message">
|
|
<label>Message*</label><br>
|
|
<textarea></textarea><br>
|
|
</div>
|
|
<div class="submit">
|
|
<input id="bouton_submit" type="button" value="Envoyer">
|
|
<input type="reset" name="reset" value="Réinitialiser">
|
|
</div>
|
|
</form>
|
|
</section>
|
|
|
|
<footer>
|
|
</footer>
|
|
<script src="header.js"></script>
|
|
<script src="submit.js"></script>
|
|
</body>
|
|
</html> |