BasesWeb/FRONTEND/priserdv.html
2022-11-24 17:27:48 +01:00

83 lines
4.2 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Prise de RDV</title>
<meta charset="utf-8"/>
<link href="Image/logo.png" rel="icon" type="image/x-icon">
<link href="StyleCss/style.css" rel="stylesheet" media="all" type="text/css">
<link href="StyleCss/formulaire.css" rel="stylesheet" media="all" typr="text/css">
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
</head>
<body class="bodyrdv">
<header>
<span class="banière"><img src="Image/medicale-banniere.jpg" width="99%" height="90px"/></span>
</header>
<br>
<br>
<nav>
<table class="nav">
<tr>
<td>
<a href="index.html" class="btn btn-outline-info btn-primary center text-danger bouton"><span class="spinner-grow spinner-grow-sm"></span> Accueil <span class="spinner-grow spinner-grow-sm"></span></a>
</td>
<td>
<a href="horaires.html" class="btn btn-outline-info btn-primary center text-danger bouton"><span class="spinner-grow spinner-grow-sm"></span> Horaires <span class="spinner-grow spinner-grow-sm"></span></a>
</td>
<td>
<a href="specialites.html" class="btn btn-outline-info btn-primary center text-danger bouton"><span class="spinner-grow spinner-grow-sm"></span> Spécialités <span class="spinner-grow spinner-grow-sm"></span></a>
</td>
<td>
<a href="priserdv.html" class="btn btn-outline-info btn-primary center text-danger bouton"><span class="spinner-grow spinner-grow-sm"></span> Rendez-vous <span class="spinner-grow spinner-grow-sm"></span></a>
</td>
<td>
<a href="formulaire.html" class="btn btn-outline-info btn-primary center text-danger bouton"><span class="spinner-grow spinner-grow-sm"></span> Contact <span class="spinner-grow spinner-grow-sm"></span></a>
</td>
</tr>
</table>
</nav>
<br>
<h2>Prendre un rendez-vous</h2>
<form action="exemple1.html" method="get" enctype="text/plain" class="formule">
<fieldset class="coordonnées">
<table class="coordonnées2">
<tr>
<td><label for="nom">Nom:</label></td>
<td class="casedroite"><input id="nom" type="text" name="nom" placeholder="votre nom" class="input1" required/></td>
</tr>
<tr>
<td><label for="nom">Prénom:</label></td>
<td class="casedroite"><input id="nom" type="text" name="prénom" placeholder="votre prénom" class="input1" required/></td>
</tr>
<tr>
<td><label for="nom">Date de naissance:</label></td>
<td id="date"><input id="date" type="Date" name="date" class="input3" required/></td>
</tr>
<tr>
<td><label for="nom">Téléphone:</label></td>
<td class="casedroite"><input id="mail" type="tel" name="téléphone" placeholder="votre téléphone" class="input4" required/></td>
</tr>
<tr>
<td><label for="nom">Mail:</label></td>
<td class="casedroite"><input id="site" type="mail" name="mail" placeholder="votre mail" class="input4" required/></td>
</tr>
<tr>
<td><label for="nom">Genre:</label></td>
<td class="casedroite"><input type="radio" name="xx" value="xy"/>Homme
<input type="radio" name="xx" value="xx"/>Femme</td>
</tr>
<tr>
<td><label for="nom">Service:</label></td>
<td class="casedroite"><input id="service" type="text" name="service" placeholder="Spécialité" class="input4" required/></td>
</tr>
</table>
</fieldset>
</form>
<footer>
En cas d'abscence, vous pouvez <a href="https://www.doctolib.fr">consulter ce site</a><br>
Je suis par ailleurs membre de démonstration des MMT.
</footer>
</body>
</html>