-
Notifications
You must be signed in to change notification settings - Fork 0
/
page-menu-3.html
138 lines (120 loc) · 5.67 KB
/
page-menu-3.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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8"/>
<title>Ohmyfood - Réservez le menu qui vous convient</title>
<script src="https://kit.fontawesome.com/a42d901271.js" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="./public/css/style.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Shrikhand&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<!--Insérer ici le lien vers la favicon -->
<link rel="shortcut icon" type="image/png" href="#"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<header class="header-menu">
<div class="header-menu__top">
<a href="index.html"><i class="fas fa-arrow-left header-menu__top__icon icon"></i></a>
<h1 class="header-menu__top__title">ohmyfood</h1>
</div>
<div class="header-menu__image header-menu__image--3"></div>
</header>
<section class="menu">
<section class="menu__top">
<h2 class="menu__top__title">A la française</h2>
<i class="menu__top__icon menu__top__icon__empty far fa-heart icon"></i>
<i class="menu__top__icon menu__top__icon__full fas fa-heart icon"></i>
</section>
<article class="entrees">
<h3 class="entrees__title">Entrées</h3> <!--A capitalizer -->
<ol class="list-dishes">
<li class="card-dishes">
<h4 class="card-dishes__title">Tartare de poulpe acidulé</h4>
<div class="card-dishes__bottom"><h5 class="card-dishes__subtitle">Aux zestes d'orange</h5><p class="card-dishes__price">25€</p></div>
<div class="card-dishes__zone-icon">
<i class="fas fa-check-circle card-dishes__icon-check icon"></i>
</div>
</li>
<li class="card-dishes">
<h4 class="card-dishes__title">Velouté de légumes d'antan</h4>
<div class="card-dishes__bottom"><h5 class="card-dishes__subtitle">Carotte, panais, topinambour</h5><p class="card-dishes__price">35€</p></div>
<div class="card-dishes__zone-icon">
<i class="fas fa-check-circle card-dishes__icon-check icon"></i>
</div>
</li>
<li class="card-dishes">
<h4 class="card-dishes__title">Soupe à l'oignon</h4>
<div class="card-dishes__bottom"><h5 class="card-dishes__subtitle">Revisitée</h5><p class="card-dishes__price">20€</p></div>
<div class="card-dishes__zone-icon">
<i class="fas fa-check-circle card-dishes__icon-check icon"></i>
</div>
</li>
</ol>
</div>
<div class="dishes">
<h3 class="dishes__title">plats</h3> <!--A capitalizer -->
<ol class="list-dishes">
<li class="card-dishes">
<h4 class="card-dishes__title">Coquilles Saint-Jacques</h4>
<div class="card-dishes__bottom"><h5 class="card-dishes__subtitle">Accompagnées d'une purée de panais</h5><p class="card-dishes__price">40€</p></div>
<div class="card-dishes__zone-icon">
<i class="fas fa-check-circle card-dishes__icon-check icon"></i>
</div>
</li>
<li class="card-dishes">
<h4 class="card-dishes__title">Maret de canard</h4>
<div class="card-dishes__bottom"><h5 class="card-dishes__subtitle">Et parmentier de pomms de terre</h5><p class="card-dishes__price">35€</p></div>
<div class="card-dishes__zone-icon">
<i class="fas fa-check-circle card-dishes__icon-check icon"></i>
</div>
</li>
<li class="card-dishes">
<h4 class="card-dishes__title">Pigeonneau d'Ille-et-Vilaine</h4>
<div class="card-dishes__bottom"><h5 class="card-dishes__subtitle">Sur son lit de gnocchis aux légumes</h5><p class="card-dishes__price">44€</p></div>
<div class="card-dishes__zone-icon">
<i class="fas fa-check-circle card-dishes__icon-check icon"></i>
</div>
</li>
</ol>
</article>
<article class="desserts">
<div class="desserts__title">Desserts <!--A capitalizer -->
</div>
<ol class="list-dishes">
<li class="card-dishes">
<h4 class="card-dishes__title">Pétales de violettes glacés</h4>
<div class="card-dishes__bottom"><h5 class="card-dishes__subtitle">Et purée de noisettes</h5><p class="card-dishes__price">18€</p></div>
<div class="card-dishes__zone-icon">
<i class="fas fa-check-circle card-dishes__icon-check icon"></i>
</div>
</li>
<li class="card-dishes">
<h4 class="card-dishes__title">Fondant au chocolat</h4>
<div class="card-dishes__bottom"><h5 class="card-dishes__subtitle">Revisité</h5><p class="card-dishes__price">22€</p></div>
<div class="card-dishes__zone-icon">
<i class="fas fa-check-circle card-dishes__icon-check icon"></i>
</div>
</li>
<li class="card-dishes">
<h4 class="card-dishes__title">Millefeuille croustillant</h4>
<div class="card-dishes__bottom"><h5 class="card-dishes__subtitle">Myrtilles et pâte d'amande</h5><p class="card-dishes__price">23€</p></div>
<div class="card-dishes__zone-icon">
<i class="fas fa-check-circle card-dishes__icon-check icon"></i>
</div>
</li>
</ol>
</article>
<button class="button button--menu button--highlight">Commander</button>
</section>
<footer>
<h1>ohmyfood</h1>
<ul class="list-footer">
<li class="list-footer__element list-footer__element--icon--1"><a href= #>Proposer un restaurant</a></li>
<li class="list-footer__element list-footer__element--icon--2"><a href= #>Devenir partenaire</a></li>
<li class="list-footer__element"><a href= #>Mentions légales</a></li>
<li class="list-footer__element"><a href="mailto:[email protected]">Contact</a></li>
</ul>
</footer>
</body>
</html>