75 lines
2.9 KiB
HTML
75 lines
2.9 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" href="contact.css" />
|
|
<meta charset="utf-8"/>
|
|
<meta name="viewport" content="width=device-width", initial-scame="1"/>
|
|
<title>Contact-FleetZen</title>
|
|
<html lang="fr">
|
|
</head>
|
|
<body>
|
|
<p id= titre_tableau>
|
|
<b>Les développeurs de ce site</b>
|
|
</p>
|
|
<p>L'équipe compte <span id="nb_membres"></span> personne(s).</p>
|
|
<input type="search" id="recherche" placeholder="Rechercher un membre…">
|
|
<button type="button" id="trier">Trier A → Z</button>
|
|
|
|
<table border=1 class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Nom</th>
|
|
<th>Job</th>
|
|
<th>Parties crées</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="corps_equipe">
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="form">
|
|
<p><b>Nous contacter</b></p>
|
|
<p id="statut_horaires"></p>
|
|
<form method="get" action="">
|
|
<p>
|
|
<label for="prenom">Votre prénom :</label>
|
|
<input type="text" name="prenom" id="prenom" placeholder="Ex. : Matthieu" size="30" maxlength="20">
|
|
</p>
|
|
<p>
|
|
<label for="e_mail">Votre e-mail:</label>
|
|
<input type="email" name="email" id="email" placeholder="Ex. : stage2@echoes.solutions" size="50" maxlength="40">
|
|
</p>
|
|
<div>
|
|
<label for="contacter">Des questions a nous poser?</label><br>
|
|
<textarea name="contacter" id="contacter" rows="6" cols="40" maxlength="500"></textarea>
|
|
<p class=small>Il vous reste <span id="restant">500</span> <span id="mot">caractères</span>.</p>
|
|
</div>
|
|
<p>
|
|
<button>Envoyer</button>
|
|
<button type="button" id="effacer">Effacer</button>
|
|
</p>
|
|
|
|
</form>
|
|
</div>
|
|
|
|
<section class="faq">
|
|
<h3>Questions fréquentes</h3>
|
|
<div class="question">
|
|
<button class="q-titre" type="button">Comment suivre ma flotte en temps réel ?</button>
|
|
<p class="q-reponse">Grâce à notre service de géolocalisation, accessible 24h/24.</p>
|
|
</div>
|
|
<div class="question">
|
|
<button class="q-titre" type="button">Puis-je résilier à tout moment ?</button>
|
|
<p class="q-reponse">Oui, sans frais, depuis votre espace client.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<footer class="footer">
|
|
stagiaires rpz echoes
|
|
<button type="button" id="theme"> Mode sombre</button>
|
|
</footer>
|
|
<script src="../equipe.js"></script>
|
|
<script src="../contact.js"></script>
|
|
</body>
|
|
</html>
|