116 lines
3.9 KiB
HTML
Executable File
116 lines
3.9 KiB
HTML
Executable File
<!DOCTYPE HTML>
|
|
<!-- le navigateur utilisera les règles d'écriture de la DTD selon le standard W3C -->
|
|
<html lang="fr">
|
|
<head>
|
|
<!-- titre de la page -->
|
|
<title>Société Dutoit</title>
|
|
<!-- type d'encodage de la page -->
|
|
<meta charset="utf-8" />
|
|
|
|
<!-- taille et échelle de la page -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0 ">
|
|
<!-- liens vers les fichiers css de bootstrap -->
|
|
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
|
|
|
|
<!-- liens vers la feuille css perso -->
|
|
<link rel="stylesheet" href="styles/style.css">
|
|
</head>
|
|
|
|
<!-- corps du document -->
|
|
<body>
|
|
|
|
<section>
|
|
<!-- barre de navigation -->
|
|
<div class="navbar navbar-default">
|
|
<div class="collapse navbar-collapse">
|
|
<!-- plusieurs présentations sont possibles : simple (navbar-nav), onglet (nav-tabs), onglet-bouton (nav-pills) -->
|
|
<!-- onglet-bouton vertical(nav-pills nav-stacked), onglet-bouton justifié(nav-pills nav-justified) -->
|
|
<ul class="nav navbar-nav">
|
|
<li><a href="index.html">Accueil</a></li>
|
|
<li><a href="stage.html">Stages</a></li>
|
|
<li class="active"><a href="formulaire.html">formulaire</a></li>
|
|
<li><a href="contact.html">Contacts</a></li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Bannière Bienvenue -->
|
|
<!-- le texte sera centré -->
|
|
|
|
|
|
<form action = "envoiMail.php" method = "post">
|
|
<h2>Envoi d'un message</h2> <br>
|
|
<table>
|
|
<tr><td> Civilité :</td>
|
|
<td><select name="civilite" class="form-control">
|
|
<option value=1>Madame</option>
|
|
<option value=2>Monsieur</option>
|
|
<option value=3>Autre</option>
|
|
</td></select>
|
|
</tr>
|
|
<tr><td> Nom et Prenom :</td>
|
|
<td><input type="text" name="nom" placeholder="Votre nom et prénom" class="form-control">
|
|
</td>
|
|
</tr>
|
|
<tr><td> Adresse mail :</td>
|
|
<td><input type="email" name="mail "placeholder="Votre adresse mail" class="form-control">
|
|
</td>
|
|
</tr>
|
|
<tr><td> Téléphone :</td>
|
|
<td><input type="tel" name="telephone" pattern="[0-9]{13}" name="cp" placeholder="01 02 03 04 05" class="form-control">
|
|
</td>
|
|
</tr>
|
|
<tr><td> Objet :</td>
|
|
<td><select name="objet" class="form-control">
|
|
<option value=1>Demande de rdv</option>
|
|
<option value=2>Demande d'information</option>
|
|
</td></select>
|
|
</tr>
|
|
<tr><td> Message :</td>
|
|
<td><textarea rows="5" cols="30" name="message" class="form-control"></textarea>
|
|
</td>
|
|
</tr>
|
|
<tr><td> Etes-vous client ? </td>
|
|
<td>Oui <input type="radio" checked="checked" Onclick="$('#adresseClient').hide('slow')" value="oui" id="oui" name="cli"/>
|
|
Non <input Onclick="$('#adresseClient').slideDown('slow');" id="non" type="radio" value="non" name="cli"/>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<div id="adresseClient" style="display: none">
|
|
<table>
|
|
<tr>
|
|
<td>Numéro et rue :</td>
|
|
<td><input type="text" name="rue"/></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Code Postal :</td>
|
|
<td><input type="text" pattern="[0-9]{5}" name="cp"/></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Ville :</td>
|
|
<td><input type="text" name="rue"/></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<input type="submit" value="Valider" class="btn btn-success"/>
|
|
<input type="reset" value="Annuler" class="btn btn-default"/>
|
|
</form>
|
|
|
|
|
|
|
|
|
|
<!-- pied de page avec lien feuille de style-->
|
|
<p id="footer">- Société Dutoit -</p>
|
|
</section>
|
|
|
|
|
|
<!-- Obligatoirement avant la balise de fermeture de l'élément body -->
|
|
<!-- Intégration de la libraire jQuery -->
|
|
<script src="bootstrap/js/jquery.js"></script>
|
|
<!-- Intégration de la libraire de composants du Bootstrap -->
|
|
<script src="bootstrap/js/bootstrap.min.js"></script>
|
|
</body>
|
|
</html>
|