forked from timotbone/Web-Programming-Project
-
Notifications
You must be signed in to change notification settings - Fork 0
/
réservation.html
141 lines (121 loc) · 3.96 KB
/
réservation.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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Le Salon de café TAM | Réservation</title>
<script
src="https://kit.fontawesome.com/8a69b78096.js"
crossorigin="anonymous"
></script>
<script src="/script.js"></script>
<link rel="stylesheet" href="./CSS/style.css" />
<link
href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap"
rel="stylesheet"
/>
</head>
<body>
<header class="header">
<nav>
<h1>
<a href="index.html">LE SALON DE CAFÉ TAM </a>
</h1>
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="qui-sommes-nous.html">Qui sommes-nous ?</a></li>
<li><a href="Boutique.html">Boutique</a></li>
<li><a class="active" href="réservation.html">Réservez</a></li>
<li><a href="nous_trouver.html">Nous trouver</a></li>
<li><a href="jouer.html">À vous de jouer !</a></li>
</ul>
</nav>
</header>
<section class="vp5">
<div class="vp-content">
<h1>Réservez dès maintenant</h1>
<div class="Réservez dès maintenant"></div>
<p>
Le salon de café TAM vous offre la possibilité de procéder à une
réservation en ligne, en fournissant les informations nécessaire
pour cette réservation que vous aimeriez effectuer.
</p>
</div>
</section>
<section class="body_form">
<div class="formulaire">
<div class="horaires">
<h2 class="head">Horaires d'ouverture</h2>
<h3 class="jours">Du Lundi au Samedi</h3>
<p>Ouvert 24h/24h</p>
<h3 class="jours">Dimanche</h3>
<p>Ouvert de 8h à 22h30</p>
<hr>
<h4 class="téléphone">Réservez par téléphone: <br>06 60 06 60 42</br> <br><br>Ou par mail: [email protected]</br></br></h4>
<input
class="btn btn-primary my-20"
type="button"
value="Réservez par mail !"
onClick="parent.location='mailto:[email protected]?subject=Réservation café TAM'"
/>
</div>
<div class="container-form">
<form action="#">
<h2 class="heading heading-yellow">Réservation en ligne</h2>
<div class="form-field">
<p>Nom</p>
<input type="text" placeholder="Votre Nom">
</div>
<div class="form-field">
<p>E-mail</p>
<input type="email" placeholder="Votre E-mail">
</div>
<div class="form-field">
<p>Date</p>
<input type="date">
</div>
<div class="form-field">
<p>Heure</p>
<input type="time">
</div>
<div class="form-field">
<p>Nombre de personnes</p>
<select name="select" id="#">
<option value="1">1 personne</option>
<option value="2">2 personnes</option>
<option value="3">3 personnes</option>
<option value="4">4 personnes</option>
<option value="5">5 personnes</option>
<option value="5+">5+ personnes</option>
</select>
</div>
<button class="bouton">Réserver</button>
</form>
</div>
</div>
<section class="reservation">
<div class="container">
<a class="btn btn-dark my-20" href="nous_trouver.html"
>NOUS TROUVER</a
>
</div>
</section>
</section>
<footer>
<p>Copyright Ⓒ - TIMOTHE MEO AHMED - 2020</p>
<br>
<div>
<br>
<ul>
<li style="list-style-type: none;"><a href="https://fr-fr.facebook.com/" >Facebook</a></li>
<li><a href="https://www.instagram.com/?hl=fr">Instagram</a></li>
<li><a href="https://twitter.com/explore">Twitter</a></li>
<li><a href="qui-sommes-nous.html">Qui sommes-nous ?</a></li>
<li><a href="nous_trouver.html">Nous trouver</a></li>
<li><a href="jouer.html">À vous de jouer !</a></li>
</ul>
</div>
</footer>
</body>
</html>