This repository was archived by the owner on May 27, 2026. It is now read-only.
Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
169 lines (165 loc) · 7.27 KB
/
Copy pathindex.html
File metadata and controls
169 lines (165 loc) · 7.27 KB
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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="fr">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<title>Home - ohmyfood</title>
<link rel="stylesheet" href="public/css/main.css">
<script src="https://kit.fontawesome.com/79078f39b1.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="loading-container">
<div class="loading">
<div class="loading__dot loading__dot--left"></div>
<div class="loading__dot loading__dot--main"></div>
<div class="loading__dot loading__dot--right"></div>
</div>
</div>
<header class="header">
<a class="header__btn-back" href="index.html">
<i class="fa-solid fa-arrow-left"></i>
</a>
<a href="index.html" class="header__logo">
<img src="public/images/logo/ohmyfood@2x.svg" alt="Logo Ohmyfood">
</a>
</header>
<main>
<form class="localisation" method="POST" action="#">
<div class="localisation__container">
<label for="city" class="localisation__label">
<i class="fa-solid fa-location-dot"></i>
</label>
<input type="text" name="city" id="city" class="localisation__input" placeholder="Paris, Belleville">
</div>
</form>
<section class="introduction text-center">
<h1 class="section-heading">Réservez le menu qui vous convient</h1>
<p>
Découvrez des restaurants d'exception, selectionnés par nos soins.
</p>
<a href="#restaurants" class="btn btn--primary">Explorer nos restaurants</a>
</section>
<section class="howto">
<h2 class="section-heading">Fonctionnement</h2>
<ol class="instructions">
<li class="instructions__element instructions__element--primary">
<i class="instructions__icon text-muted fa-solid fa-mobile-screen-button"></i>
<span class="instructions__text">Choisissez un restaurant</span>
</li>
<li class="instructions__element instructions__element--primary">
<i class="instructions__icon text-muted fa-solid fa-list"></i>
<span class="instructions__text">Composez votre menu</span>
</li>
<li class="instructions__element instructions__element--primary">
<i class="instructions__icon text-muted fa-solid fa-store"></i>
<span class="instructions__text">Dégustez au restaurant</span>
</li>
</ol>
</section>
<section id="restaurants" class="restaurants">
<h2 class="section-heading">Restaurants</h2>
<div class="flex-container">
<article class="card card-restaurant">
<div class="card-restaurant__illustration">
<img src="public/images/restaurants/jay-wennington-N_Y88TWmGwA-unsplash.jpg" alt="La palette du goût">
</div>
<div class="card__informations">
<h3 class="card__heading">
<a href="menu/la-palette-du-gout.html" class="link-expanded">La palette du goût</a>
</h3>
<p class="card__subheading">
Ménilmontant
</p>
</div>
<div class="btn-like">
<i class="icon fa-regular fa-heart"></i>
</div>
<div class="badge badge--tertiary">
Nouveau
</div>
</article>
<article class="card card-restaurant">
<div class="card-restaurant__illustration">
<img src="public/images/restaurants/stil-u2Lp8tXIcjw-unsplash.jpg" alt="La note enchantée">
</div>
<div class="card__informations">
<h3 class="card__heading">
<a href="menu/la-note-enchantee.html" class="link-expanded">La note enchantée</a>
</h3>
<p class="card__subheading">
Charonne
</p>
</div>
<div class="btn-like">
<i class="icon fa-regular fa-heart"></i>
</div>
<div class="badge badge--tertiary">
Nouveau
</div>
</article>
<article class="card card-restaurant">
<div class="card-restaurant__illustration">
<img src="public/images/restaurants/toa-heftiba-DQKerTsQwi0-unsplash.jpg" alt="À la française">
</div>
<div class="card__informations">
<h3 class="card__heading">
<a href="menu/a-la-francaise.html" class="link-expanded">À la française</a>
</h3>
<p class="card__subheading">
Cité Rouge
</p>
</div>
<div class="btn-like">
<i class="icon fa-regular fa-heart"></i>
</div>
</article>
<article class="card card-restaurant">
<div class="card-restaurant__illustration">
<img src="public/images/restaurants/louis-hansel-shotsoflouis-qNBGVyOCY8Q-unsplash.jpg" alt="Le délice des sens">
</div>
<div class="card__informations">
<h3 class="card__heading">
<a href="menu/le-delice-des-sens.html" class="link-expanded">Le délice des sens</a>
</h3>
<p class="card__subheading">
Folie-Méricourt
</p>
</div>
<div class="btn-like">
<i class="icon fa-regular fa-heart"></i>
</div>
</article>
</div>
</section>
</main>
<footer class="footer">
<a href="index.html" class="footer__logo">
ohmyfood
</a>
<ul class="footer__list">
<li class="footer__element">
<a href="#">
<i class="fa-solid fa-utensils"></i>
<span>Proposer un restaurant</span>
</a>
</li>
<li class="footer__element">
<a href="#">
<i class="fa-solid fa-handshake-angle"></i>
<span>Devenir partenaire</span>
</a>
</li>
<li class="footer__element">
<a href="#">
<span>Mentions légales</span>
</a>
</li>
<li class="footer__element">
<a href="mailto:contact@ohmyfood.fr">
<span>Contact</span>
</a>
</li>
</ul>
</footer>
</body>
</html>