-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
264 lines (251 loc) · 9.77 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
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
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Document</title>
</head>
<body>
<header class="pres_mangoo">
<div class="overlay"> </div>
<nav class="menu">
<img class="logo" src="/images/Logo.png" alt="Log mangoo">
<div class="right_side_menu">
<ul class="list_menuu">
<li class="list_menu menu_Accueil">Accueil</li>
<li class="list_menu menu_nous">Qui sommes-nous ?</li>
<li class="list_menu menu_nous">Menu</li>
<li class="list_menu menu_Contact">Contact</li>
</ul>
<button class="btn_commander"> Commander </button>
</div>
</nav>
<div class="title_resto">
<h1 class="mangoo">mangoo</h1>
<p class="slogan"> <i> C'est frais pour vous !</i></p>
</div>
<div class="icons_media">
<img src="/images/Icon awesome-facebook-square.png" alt="">
<img src="/images/Icon awesome-twitter-square.png" alt="">
<img src="/images/Icon awesome-instagram.png" alt="">
</div>
</header>
<div class="pres_salade">
<div class="text_salade">
<h2 class="title_salade">
Une salade sur mesure
</h2>
<p class="title_salade">
MONGOO vous permet de composer votre salade selon vos envies et vos goûts.
<br> <br>
Une quarantaine d'ingrédients frais et préparés le matin même sur place vous sont proposés au quotidien.
<br> <br>
Depuis maintenant 10 ans, MONGOO fait le bonheur des gourmets et des gourmands, alors pourquoi pas vous
?
</p>
<button class="plus"> En savoir +</button>
</div>
<img src="images/salade-detoure.png" alt="image_salade">
</div>
<div class="card_ingredients">
<div class="desc_card_ingredients">
<p class="title_card_ingredients">Préparé sur place et avec amour</p>
<p class="desc_ingredients">
Chez MONGOO, <u> tous les ingrédients </u> et <u>tous les desserts </u> sont préparés sur place.
<br><br>
Nous mettons un point d'honneur à ce que tous les matins, nos équipes de super-préparateurs <strong>découpent,
tranchent, épluchent, assaisonnent, mélangent, émincent, saupoudrent </strong> et préparent tout ce qu'il y a sur
le bar afin de vous proposer les meilleures combinaisons de salades possible.
<br><br>
Alors faites votre choix !
</p>
<button class="plus">En savoir plus</button>
</div>
</div>
<div class="card_menu_prix">
<div class="contain_card_prix_desc">
<p class="card_menu_prix_title">Vous avez dit menu ?</p>
<p class="card_menu_prix_desc">
Un menu MONGOO, c'est une salade accompagnée d'une boisson et d'un dessert.
Mais attention, pas n'importe quelle boisson et n'importe quel dessert...
<br> <br>
Découvrez notre large sélection de boissons et desserts pour accompagner votre repas
</p>
</div>
<div class="pres_price">
<div class="pres_menu_price">
<div class="card_pres_menu_price">
<div>
<h3 class="name_menu_price">Salade j'aime</h3>
<p class="price">7,70€</p>
</div>
<p class="desc_menu_price">
1 base · 4 ingrédients verts · Sauce
Petit plus et pain offert
</p>
</div>
<div class="card_pres_menu_price">
<div>
<h3 class="name_menu_price">Salade j'adore</h3>
<p class="price">8,80€</p>
</div>
<p class="desc_menu_price">1 base · 3 ingrédients verts & 1 bleu · Sauce
Petit plus et pain offert
</p>
</div>
<div class="card_pres_menu_price">
<div>
<h3 class="name_menu_price">Salade 2-2</h3>
<p class="price">9,90€</p>
</div>
<p class="desc_menu_price">1 base · 2 ingrédients verts & 2 bleus · Sauce
Petit plus et pain offert
</p>
</div>
<div class="card_pres_menu_price">
<div>
<h3 class="name_menu_price">Salade passion</h3>
<p class="price">11,00€</p>
</div>
<p class="desc_menu_price">1 base · 1 ingrédient verts & 3 bleus · Sauce
Petit plus et pain offert
</p>
</div>
<div class="card_pres_menu_price">
<div>
<h3 class="name_menu_price">Salade passion</h3>
<p class="price">12,10€</p>
</div>
<p class="desc_menu_price"> 1 base · 4 ingrédients bleus · Sauce
Petit plus et pain offert
</p>
</div>
</div>
<div class="CTA">
<div class="forces">
<p class="forces forces_verte">Force verte ?</p>
<p class="forces forces_bleue">Force bleue ?</p>
</div>
<p class="forces_texte">
Ne perdez pas une seconde, faites votre choix <br>
et venez chercher votre salade dans 20min !
</p>
<button>Passer commande</button>
</div>
</div>
</div>
<div class="display_display">
<div class="display forces_vert">
<p>Chez les verts</p>
<div class="display_liste_ingredients">
<p>Croûtons <br>
Œuf (1) <br>
Betteraves <br>
Carottes <br>
Choux rouges <br>
Concombre <br>
Lentilles <br>
Maïs <br>
Oignons rouges <br>
</p>
<p>
Radis <br>
Pommes <br>
Oignons frits <br>
Emmental <br>
Mozzarella <br>
Mimolette <br>
Surimi <br>
Saucisses <br>
</p>
</div>
</div>
<div class="display forces_bleu">
<p> Chez les bleus</p>
<div class="display_liste_ingredients">
<p>Aubergines <br>
Avocat <br>
Cantal <br>
Cœur d'artichaut <br>
Grana Panado <br>
Jambon cru <br>
Crevettes <br>
</p>
<p>
Feta <br>
Melon <br>
Œuf poché <br>
Poivrons <br>
Thon <br>
Tomates cerises <br>
Tomates séchées <br>
</p>
</div>
</div>
</div>
<div class="partager">
<div class="img-salade-traits">
<img src="/images/anh-nguyen-_Uqj5BQb-mw-unsplash.png" alt="image d'une salade composée">
<div class="traits1"></div>
<div class="traits2"></div>
</div>
<form action="">
<p>Envie de partager ?</p>
<p>
Toute l'année, on recrute des employés motivés
<br> pour tous nos restaurants ! <br>
N'hésitez pas à postuler !
</p>
<div class="infos_user">
<div class="box_infos_identity">
<div class="box_infos name">
<label for=""> <i>Nom</i></label>
<input type="text">
</div>
<div class="box_infos firstname">
<label for=""><i>Prénom</i></label>
<input type="text">
</div>
</div>
<div class="box_infos email">
<label for=""><i>Email</i></label>
<input type="text">
</div>
<div class="box_infos motivation">
<label for=""><i>Votre motivation en quelques mots</i></label>
<input type="text">
</div>
<button>Postuler</button>
</div>
</form>
</div>
<footer>
<img src="/images/Logo.png" alt="">
<div class="footer_menu">
<p>Commander</p>
<ul>
<li><a href="">Passer commande</a></li>
<li><a href=""> Nos menus</a></li>
<li><a href="">Restaurants</a></li>
</ul>
</div>
<div class="footer_menu">
<p>Informations</p>
<ul>
<li><a href="">F.A.Q</a></li>
<li><a href="">Mentions légales</a></li>
<li><a href="">Recrutement</a></li>
</ul>
</div>
<div class="footer_menu">
<p>Nous retrouver</p>
<ul>
<li><a href="">Facebook</a></li>
<li><a href="">Twitter</a></li>
<li><a href="">Instagram</a></li>
</ul>
</div>
</footer>
</body>
</html>