Restaurant/contact.html at main · PhilippeK-F/Restaurant · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="Contact Freshly Restaurant">
	<title>Freshly Restaurant - Contact us</title>
	<link rel="icon" href="favicon.png">
	<link href="https://fonts.googleapis.com/css?family=Athiti:500|Merienda:400,700&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="css/slick.css">
	<link rel="stylesheet" href="css/slick-theme.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0/css/fontawesome.min.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0/css/brands.min.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0/css/solid.min.css">
	<link rel="stylesheet" href="css/style.css">
</head>

<body>
	<header>
		<div class="container">
			<a href="index.html" class="logo">
				<img src="img/logo.png" alt="Logo Freshly Restaurant">
				<strong>Freshly restaurant</strong>
			</a>
			<nav>
				<ul>
					<li><a href="index.html">Home</a></li>
					<li><a href="about.html">About</a></li>
					<li><a href="menus.html">Menus</a></li>
					<li><a href="contact.html" class="active">Contact</a></li>
				</ul>
			</nav>
		</div> <!-- end of .container -->
	</header>
	<main class="container">
		<h1>Contact us</h1>
		<p class="select">If your want to make a reservation, please complete this form.</p>
		<p class="mandatory">Fields with <abbr title="(required)" aria-hidden="true">*</abbr> are required.</p>
		<form action="#" method="post">
			<div>
				<fieldset>
					<legend>Reservation</legend>
					<label for="date"><abbr title="(required)" aria-hidden="true">*</abbr> Date</label>
					<input type="date" id="date" required>
					<label for="time"><abbr title="(required)" aria-hidden="true">*</abbr> Time</label>
					<input type="time" id="time" required>
					<label for="guests"><abbr title="(required)" aria-hidden="true">*</abbr> Number of guests</label>
					<input type="number" id="guests" required>
				</fieldset>
				<fieldset>
					<legend>Details</legend>
					<label for="name"><abbr title="(required)" aria-hidden="true">*</abbr> Name</label>
					<input type="text" id="name" required>
					<label for="email">Email</label>
					<input type="email" id="email">
					<label for="tel"><abbr title="(required)" aria-hidden="true">*</abbr> Telephone</label>
					<input type="tel" id="tel" required>
				</fieldset>
			</div>
			<label for="request" class="request">Further request</label>
			<textarea id="request"></textarea>
			<p><input type="submit" value="Reserve"></p>
		</form>
		<div class="map">
			<h2>Our location</h2>
			<iframe src="https://www.openstreetmap.org/export/embed.html?bbox=-74.00132596492769%2C40.73365735272384%2C-73.99950206279756%2C40.73476096226166&amp;layer=mapnik"></iframe>
		</div><!-- end of .map -->
	</main>
	<footer>
		<div class="container">
			<div class="flex">
				<aside>
					<h4>Opening hours</h4>
					<ul>
						<li>Monday: Closed</li>
						<li>Tue-Wed : 9am - 10pm</li>
						<li>Thu-Fri : 9am - 10pm</li>
						<li>Sat-Sun : 5pm - 10pm</li>
					</ul>
				</aside>
				<aside>
					<h4>Contact</h4>
					<address>
						<p>13 Christopher Street<br>
							New York,<br>
							NY 10014-3543</p>
						<p>+01 2000 800 9999</p>
					</address>
				</aside>
				<aside>
					<h4>Social networks</h4>
					<div class="reseaux">
						<a href="#" class="fab fa-facebook-f"></a>
						<a href="#" class="fab fa-instagram"></a>
						<a href="#" class="fab fa-pinterest-p"></a>
					</div>
				</aside>
			</div> <!-- end of .flex -->
			<div class="footer">
				<p><a rel="license" href="https://3wa.fr/propriete-materiel-pedagogique/"><img alt="Propriété de la 3W Academy" src="https://3wa.fr/wp-content/themes/3wa2015/img/logos/big.png"></a></p><br>
				<span>Cet exercice</span> de <a href="https://3wa.fr">3W Academy</a> est mis à disposition <a rel="license" href="https://3wa.fr/propriete-materiel-pedagogique/">pour l'usage personnel des étudiants. Pas de Rediffusion - Attribution - Pas d'Utilisation Commerciale - Pas de Modification - International</a>.<br>
				Les autorisations au-delà du champ de cette licence peuvent être obtenues auprès de <a href="mailto:[email protected]" rel="cc:morePermissions">[email protected]</a>. Les maquettes ont été réalisées par <a href="https://www.cath2nos.com">Catherine Denos</a>.
			</div> <!-- end of .footer -->
		</div> <!-- end of .container -->
	</footer>
</body>

</html>