-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
185 lines (169 loc) · 6.84 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
<!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">
<title>Japonaise Sushi Shop</title>
<!-- Link to Box Icons : https://boxicons.com/ -->
<link rel="stylesheet" href="https://unpkg.com/boxicons@latest/css/boxicons.min.css">
<!-- Link to CSS -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Navbar -->
<header>
<a href="#" class="logo">Japonaise Sushi Shop</a>
<div class="bx bx-menu" id="menu-icon"></div>
<ul class="navbar">
<li><a href="#accueil">Accueil</a></li>
<li><a href="#nous">Nous</a></li>
<li><a href="#menu">Menu</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
<!-- Dark Mode -->
<div class="bx bx-moon" id="darkmode"></div>
</ul>
</header>
<!-- Accueil Section-->
<section class="accueil" id="accueil">
<div class="accueil-text">
<h1>Authentique Japon</h1>
<h2>Savourez <br> l'art du sushi !</h2>
<a href="#" class="btn">Découvrir Menu</a>
</div>
<div class="accueil-img">
<img src="images/home.png" alt="Acceuil image">
</div>
</section>
<!-- Nous -->
<section class="nous" id="nous">
<div class="nous-img">
<img src="images/about.jpg" alt="Présentation Japonaise Shop">
</div>
<div class="nous-text">
<span>Nous</span>
<h2>Nous préparons de la bonne <br> et délicieuse nourriture</h2>
<p>Bienvenue dans notre restaurant sushi, où nous vous proposons une délicieuse expérience culinaire
japonaise. Découvrez nos créations fraîches et authentiques, préparées avec soin pour satisfaire vos
papilles exigeantes.</p>
<a href="#" class="btn">En savoir plus</a>
</div>
</section>
<!-- Menu -->
<section class="menu" id="menu">
<div class="menu-heading">
<span>Menu</span>
<h2>Menu savoureux de la semaine</h2>
</div>
<div class="menu-container">
<!-- Menu 1 -->
<div class="box-menu">
<div class="box-menu-img">
<img src="images/menu1.png" alt="California Roll">
</div>
<h2>California Roll</h2>
<h3>Un maki sushi inversé composé de chair de crabe imitation</h3>
<span>10.00 €</span>
</div>
<!-- Menu 2 -->
<div class="box-menu">
<div class="box-menu-img">
<img src="images/menu2.png" alt="Spicy Tuna Roll">
</div>
<h2>Spicy Tuna Roll</h2>
<h3>Un maki sushi épicé rempli de thon cru coupé en dés mélangé à une sauce épicée</h3>
<span>10.00 €</span>
</div>
<!-- Menu 3 -->
<div class="box-menu">
<div class="box-menu-img">
<img src="images/menu3.png" alt="Tempura Roll">
</div>
<h2>Tempura Roll</h2>
<h3>Un maki sushi contenant des crevettes ou des légumes tempura croustillants à l'intérieur</h3>
<span>10.00 €</span>
</div>
</div>
</section>
<!-- Service -->
<section class="services" id="services">
<div class="menu-heading">
<span>Services</span>
<h2>Nous proposons les meilleurs services de restauration.</h2>
</div>
<div class="servives-container">
<!-- Livraison -->
<div class="services-box">
<img src="images/delivery.png" alt="Livraison">
<h3>Livraison</h3>
<p>Savourez la cuisine japonaise à domicile grâce à notre service de livraison, apportant les saveurs
exquises et les spécialités de notre restaurant jusqu'à votre porte.</p>
</div>
<!-- Rapide -->
<div class="services-box">
<img src="images/rapid.png" alt="Rapidité">
<h3>Rapidité</h3>
<p>Profitez de la livraison rapide de notre restaurant japonais, directement chez vous, pour savourer
des plats authentiques et délicieux.</p>
</div>
<!-- Paiment -->
<div class="services-box">
<img src="images/payment.png" alt="Paimement">
<h3>Paiement</h3>
<p>Facilitez votre expérience de paiement avec notre système de paiement sécurisé, pour une transaction
rapide et sans tracas.</p>
</div>
</div>
</section>
<!-- Connect -->
<section class="connect">
<div class="menu-heading">
<span>Parlons-en !</span>
<h2>Connectez-vous maintenant</h2>
</div>
<a href="#" class="btn">Contactez-nous</a>
</section>
<!-- Contact -->
<section class="contact" id="contact">
<div class="contact-box">
<h3>Japonaise Sushi Shop</h3>
<span>Réseaux</span>
<div class="social">
<a href="#"><i class='bx bxl-facebook'></i></a>
<a href="#"><i class='bx bxl-twitter'></i></a>
<a href="#"><i class='bx bxl-instagram'></i></a>
</div>
</div>
<div class="contact-box">
<h3>Menu Links</h3>
<li><a href="#accueil">Accueil</a></li>
<li><a href="#nous">Nous</a></li>
<li><a href="#menu">Menu</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</div>
<div class="contact-box">
<h3> Liens rapides</h3>
<li><a href="#contact">Contact</a></li>
<li><a href="#">Confidentialité</a></li>
<li><a href="#">Mentions légales</a></li>
<li><a href="#">Conditions d'utilisation</a></li>
</div>
<div class="contact-box addresse">
<h3>Contact</h3>
<i class='bx bxs-map'><span>10 rue du Pont, 75010, Paris, FRANCE</span></i>
<i class='bx bxs-phone'><span>+33 1 99 99 99 99</span></i>
<i class='bx bxs-envelope'><span>[email protected]</span></i>
</div>
</section>
<!-- Copyright -->
<div class="copyright">
<p>© : Sushi Shop Japonais - Tous droits réservés - 2023</p>
</div>
<!-- Scroll Reveal -->
<script src="https://unpkg.com/scrollreveal"></script>
<!-- Link to JavaScript -->
<script src="main.js"></script>
</body>
</html>