-
Notifications
You must be signed in to change notification settings - Fork 0
/
reservation.html
116 lines (89 loc) · 4.25 KB
/
reservation.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="reservation.css" media="all" />
<link rel="icon" type="image/png" href="img/Logo.png" />
<title>BlueNote - Music Bar</title>
</head>
<body>
<nav>
<ul>
<li><a href="BlueNote3.html">Accueil</a></li>
<li><a href="nos_plats.html">Nos Plats</a></li>
<li><a href="artistes.html">Artistes</a></li>
<li><a href="qui_sommes_nous.html">Qui sommes-nous ?</a></li>
<li><a href="reservation.html" title="Espace VIP">Réservation</a></li>
<li><a href="contact.html" title="Contact">Contact</a></li>
</ul>
</nav>
<div id="spacenav">
</div>
<header>
<a id='logo' href="BlueNote3.html"title="Retour à la case départ !"><img src="img/Logo.png" alt="BlueNote"/></a>
<div id="message">
<h1 id='titre'>BlueNote - Music/Bar</h1>
</div>
</header>
<form id="reserv" action="index.html" method="post">
<fieldset>
<legend>Vos coordonnées :</legend> <!-- Titre du fieldset -->
<label for="nom">Quel est votre nom ?</label>
<input type="text" name="nom" id="nom" placeholder="Votre nom" required/>
<label for="prenom">Quel est votre prénom ?</label>
<input type="text" name="prenom" id="prenom" placeholder="Votre prénom" required/>
<label for="email">Quel est votre e-mail ?</label>
<input type="email" name="email" id="email" placeholder="[email protected]" required/>
<label for="tel">Quel est votre numéro de téléphone ?</label>
<input type="tel" name="tel" value="" placeholder="0000-00-00-00">
</fieldset>
<fieldset>
<legend>La date et l'heure :</legend>
<label for="Date">Date :</label>
<input type="date" name="Date" value="" required>
<label for="Heure">Heure :</label>
<input type="time" name="Heure" value="">
</fieldset>
</form>
<div id="general_log">
<div class="preci_log">
<p>Vous avez déjà un compte, connectez vous !</p>
<form id="log" action="index.html" method="post">
<fieldset>
<legend>Identifiant et mot de passe :</legend>
<label for="email">Adresse mail :</label>
<input type="email" name="email" id="email" placeholder="[email protected]" required/>
<label for="password"></label>Mot de passe :</label>
<input type="password" name="password" value="" required placeholder="mot de passe">
</fieldset>
</form>
</div>
<div class="preci_log">
<p>Ou alors créer votre compte en 2 minutes !</p>
<form id="inscription" action="index.html" method="post">
<fieldset>
<legend>Créer un compte 1/2:</legend>
<label for="nom">Quel est votre nom ?</label>
<input type="text" name="nom" id="nom" placeholder="Votre nom" required/>
<label for="prenom">Quel est votre prénom ?</label>
<input type="text" name="prenom" id="prenom" placeholder="Votre prénom" required/>
<label for="tel">Quel est votre numéro de téléphone ?</label>
<input type="tel" name="tel" value="" placeholder="0000-00-00-00">
</fieldset>
<fieldset>
<legend>Créer un compte 2/2:</legend>
<label for="email">Adresse mail</label>
<input type="email" name="email" id="email" placeholder="[email protected]" required/>
<label for="password"></label>Mot de passe :</label>
<input type="password" name="password" value="" required placeholder="mot de passe">
<label for="password"></label>Réécrivez votre mot de passe :</label>
<input type="password" name="password" value="" required placeholder="mot de passe">
</fieldset>
</form>
</div>
</div>
<footer>
<div class="lien">
</div>
</footer>
</body>