-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (114 loc) · 5.15 KB
/
index.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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="Commande de repas en ligne, composez directement votre propre menu et réduisez votre temps d'attente dans les restaurants">
<meta name="author" content="Matthieu Lombardia">
<link rel="stylesheet" href="css/index.css">
<link href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Shrikhand&display=swap" rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet">
<title>ohmyfood</title>
</head>
<body>
<div class="spinner">
<div class="spinner-active"></div>
</div>
<div id="bloc-page">
<header>
<h1>ohmyfood</h1>
</header>
<div class="search">
<i class="fas fa-map-marker-alt"></i>
<input type="search" placeholder="Paris, Belleville">
</div>
<div class="info">
<h2>Réservez le menu qui vous convient</h2>
<p>Découvrez des restaurants d'exception, sélectionnés par nos soins. </p>
<a href="#restos">Explorer nos restaurants</a>
</div>
<nav class="nav">
<h2>Fonctionnement</h2>
<div class="block-nav">
<div class="element">
<p class="number">1</p>
<i class="fas fa-mobile-alt"></i>
<p>Choisissez un restaurant</p>
</div>
<div class="element">
<p class="number">2</p>
<i class="fas fa-list-ul"></i>
<p>Composez votre menu</p>
</div>
<div class="element">
<p class="number">3</p>
<i class="fas fa-store"></i>
<p>Dégustez au retaurant</p>
</div>
</div>
</nav>
<main id="restos">
<h2 class="restotxt">Restaurants</h2>
<div id="container-restos">
<article class="location">
<i class="far fa-heart"></i>
<a class="img-restos" href="la-palette-du-gout.html">
<img class="image" src="public/img/restaurants/2jay-wennington-N_Y88TWmGwA-unsplash.jpg"
alt="Photo du restaurant La palette du goût">
</a>
<em class="btn-new">Nouveau</em>
<h3 class="restotxt"> <a href=" la-palette-du-gout.html"> La palette du goût </a></h3>
<p class="restotxt"><a href=" la-palette-du-gout.html"> Ménilmontant</a></p>
</article>
<article class="location">
<i class="far fa-heart"></i>
<a class="img-restos" href="la-note-enchantee.html">
<img class="image" src="public/img/restaurants/3stil-u2Lp8tXIcjw-unsplash.jpg"
alt="Photo du restaurant La palette du goût">
</a>
<em class="btn-new">Nouveau</em>
<h3 class="restotxt">La note enchantée</h3>
<p class="restotxt">Charonne</p>
</article>
<article class="location">
<i class="far fa-heart"></i>
<a class="img-restos" href="a-la-francaise.html">
<img class="image" src="public/img/restaurants/4toa-heftiba-DQKerTsQwi0-unsplash.jpg"
alt="Photo du restaurant La palette du goût">
</a>
<h3 class="restotxt">À la française</h3>
<p class="restotxt">Cité Rouge</p>
</article>
<article class="location">
<i class="far fa-heart"></i>
<a class="img-restos" href="le-delice-des-sens.html">
<img class="image"
src="public/img/restaurants/5louis-hansel-shotsoflouis-qNBGVyOCY8Q-unsplash.jpg"
alt="Photo du restaurant La palette du goût">
</a>
<h3 class="restotxt">Le délice des sens</h3>
<p class="restotxt">Folie-Méricourt</p>
</article>
</div>
</main>
<footer>
<h3 class="footertxt">ohmyfood</h3>
<div>
<i class="fas fa-utensils icon-footer"></i>
<a class="footertxt" href="#">Proposer un restaurant</a>
</div>
<div>
<i class="fas fa-hands-helping"></i>
<a class="footertxt" href="#">Devenir partenaire</a>
</div>
<a href="#">Mentions légales</a>
<a href="mailto:hello@ohmyfood.fr">Contact</a>
</footer>
</div>
</body>
</html>