-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
142 lines (133 loc) · 6.18 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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<!-- Bloquer google ads -->
<meta name="AdsBot-Google" content="noindex" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- FontAwesome CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer"
/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
<meta name="description" content="ohmyfood, your new favourite restaurant !">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<!-- GoogleFonts CDN -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;500;600;700&family=Roboto:ital,wght@0,100;0,300;0,500;0,700;1,100;1,300&family=Shrikhand&display=swap" rel="stylesheet">
<!-- FAVICON -->
<link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<!-- STYLE CDN -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<title>ohmyfood - home</title>
</head>
<body class='body'>
<header>
<nav class="container">
<a href="index.html" class="logo">
<img src="img/ohmyfoodblack@2x.svg" alt="Logo for ohmyfood">
</a>
</nav>
<div class='formulaire'>
<form>
<i class="fas fa-map-marker-alt"></i>
<input type='text' placeholder='Paris,Belleville'>
</form>
</div>
</header>
<div class="parent__spinner">
<div class="loading__spiner"></div>
</div>
<main>
<section class='explorer-nos-restaurants'>
<h1>Réservez le menu qui<br>vous convient</h1>
<p>Découvrez des restaurants d'exception,<br>séléctionnés par nos soins</p>
<button class='btn btn-primary'>Explorer nos restaurants</button>
</section>
<section class='fonctionnement'>
<h2>Fonctionnement</h2>
<button class='btn btn-secondary'>
<span class='number'>1</span>
<i class="fa-solid fa-mobile-screen-button"></i>
<span>Choisissez un restaurant</span>
</button>
<button class='btn btn-secondary'>
<span class='number'>2</span>
<i class="fa-solid fa-list-ul"></i>
<span>Composez votre menu</span>
</button>
<button class='btn btn-secondary btn--fixed'>
<span class='number'>3</span>
<i class="fa-solid fa-store"></i>
<span>Dégustez au restaurant</span>
</button>
</section>
<section class='restaurants'>
<h2>Restaurants</h2>
<div class='cards-container'>
<article class='item palette-du-gout'>
<a href="la-palette-du-gout.html" class="card-image-vertical"></a>
<span class='new'>Nouveau</span>
<img src="img/jay-wennington-N_Y88TWmGwA-unsplash.jpg" alt="La palette du gout">
<div class='card-title description'>
<h3 class='card-title-main'>La palette du goût</h3>
<p>Ménilmontant</p>
</div>
</article>
<article class='item la-note'>
<a href="la-note-enchantee.html" class="card-image-vertical"></a>
<span class='new'>Nouveau</span>
<img src="img/stil-u2Lp8tXIcjw-unsplash.jpg" alt="La note enchantée">
<div class='card-title description'>
<h3 class='card-title'>La note enchantée</h3>
<p>Charonne</p>
</div>
</article>
<article class='item francaise'>
<a href="a-la-francaise.html" class="card-image-vertical"></a>
<img src="img/toa-heftiba-DQKerTsQwi0-unsplash.jpg" alt="A la française">
<div class='card-title description'>
<h3 class='card-title'>À la française</h3>
<p>Cité Rouge</p>
</div>
</article>
<article class='item le-delice'>
<a href="le-delice-des-sens.html" class="card-image-vertical"></a>
<img src="img/toa-heftiba-DQKerTsQwi0-unsplash.jpg" alt="Le delice des sens">
<div class='card-title description'>
<h3 class='card-title'>Le délice des sens</h3>
<p>Folie-Méricourt</p>
</div>
</article>
</div>
</section>
</main>
<footer>
<nav>
<a href="accueil.html" class="logo-footer">
<img src="img/ohmyfood@2x.svg" class='logo-img' alt="Logo for ohmyfood">
</a>
<ul>
<li><i class="fa-solid fa-utensils"></i>
<a href="#">Proposer un restaurant </a>
</li>
<li>
<i class="fa-solid fa-handshake-angle white-color"></i>
<a href="#">Devenir partenaire</a>
</li>
<li>
<a href="#">Mentions légales</a>
</li>
<li>
<a href="mailto:test@test.com">Contact</a>
</li>
</ul>
</nav>
</footer>
</body>
</html>