-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
171 lines (145 loc) · 7.45 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"
integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Dark Kitchen</title>
<link rel="stylesheet" type="text/css" href="./assets/css/style.css" />
<link rel="icon" type="svg" href="assets/images/icons/hamburger.svg">
<script defer src="assets/js/fnc.js"></script>
<script defer src="assets/js/data.js"></script>
<script defer src="assets/js/menu.js"></script>
<script defer src="assets/js/main.js"></script>
</head>
<!----comment-->
<body class="lightMode">
<header>
<section class="logoAndTitle">
<img src="assets\images\icons\hamburger.svg" alt="our logo" class="imgLogo svgToDark">
<h2>Dark Burger</h2>
<!-- <p>Cooking in the dark</p> -->
</section>
<div class="darkModeDiv">
<img class="svgToDark" src="assets\images\icons\sun.svg" alt="sun icon" height="50px">
<input id="theme" class="theme__toggle" type="checkbox" role="switch" name="theme" value="dark">
<img class="svgToDark" src="assets\images\icons\moon.svg" alt="moon icon" height="50px">
</div>
<nav>
<!-- <button id="navButton"><img class="svgToDark" src="assets\images\icons\hamMenu.svg" alt="hamburger button" height="50px"></button> -->
<ul>
<li class="home">home</li>
<li class="menu">menu</li>
<li class="cart">cart</li>
<li class="about">about us</li>
</ul>
</nav>
</header>
<main>
<section id="home">
<div>
<img class="imgBackground" src="assets/images/backgrounds/dark_burger.jpg" alt="dark burger">
<h1>Dark Burger</h1>
<p>"Cooking in the dark"</p>
<article>
<p class="toDark lightMode">Dark Burger redefines the burger experience with a dark kitchen concept focused on quality and innovation. Offering a diverse selection of delicious burgers, this takeout and delivery service provides premium cuisine in a mysterious and minimalist atmosphere.</p>
</article>
</div>
</section>
<section id="menu">
<div class="menu-and-articles">
<img class="imgBackground" src="assets/images/backgrounds/dark_burger3.jpg" alt="dark burger">
<div class="category-menu lightMode">
<h2>The menu:</h2>
<ul class="ul-category-menu">
</ul>
</div>
<div class="list-articles"></div>
</div>
</section>
<section id="cart">
<div class="cart-content">
<img class="imgBackground" src="assets/images/backgrounds/dark_burger5.jpg" alt="dark burger">
<h2>Checkout:</h2>
<ul class="list-add-to-cart">
</ul>
<h3>Total: 0€</h3>
</div>
</section>
<section id="about">
<div class="toDark">
<img class="imgBackground" src="assets/images/backgrounds/dark_burger2.jpg" alt="dark burger">
<p>About us</p>
<h2>Dark Burger</h2>
<h3>Where to find us ?</h3>
<!------intégration d'une carte google maps sur le site-->
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d5085.8617762675785!2d4.437540376827137!3d50.40512559062592!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c226750391b893%3A0x38f706c7ffab5a0c!2sBeCode%20Charleroi!5e0!3m2!1sfr!2sbe!4v1713880539513!5m2!1sfr!2sbe"
width="400" height="300" style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
<H4>The Team :</H4>
<section class="team_about">
<div class="team_name_link">
<p>Arnaud</p>
<a href="https://github.com/javadaller" class="fa fa-github svgToDark" target="_blank"></a>
</div>
<div class="team_name_link">
<p>Isabelle</p>
<a href="https://github.com/isab95" class="fa fa-github svgToDark" target="_blank"></a>
</div>
<div class="team_name_link">
<p>Denis</p>
<a href="https://github.com/DenisLettany" class="fa fa-github svgToDark" target="_blank"></a>
</div>
<div class="team_name_link">
<p>Adrien</p>
<a href="https://github.com/AdCa09" class="fa fa-github svgToDark" target="_blank"></a>
</div>
</section>
</div>
</section>
</main>
<footer>
<section class="contact_info">
<h3>Contact details</h3>
<p>Email: [email protected]</p>
<p>Téléphone: +1234567890</p>
<p>Square des Martyrs, 1 c/o A6K, 6000 Charleroi</p>
</section>
<section class="opening_hours">
<h3>Hours of opening</h3>
<p>Monday - Friday: 11h00 - 22h00</p>
<p>Saturday - Sunday: 12h00 - 23h00</p>
</section>
<section class="location">
<h3>Localisation</h3>
<p><a class="svgToDark" href="https://maps.app.goo.gl/BuJk4Lx3tdjEBc5N8" target="_blank">See on map</a></p>
</section>
<section class="social_media">
<h3>Social Network</h3>
<ul>
<li><a href="https://www.facebook.com/darkburger" class="fa fa-facebook svgToDark" target="_blank"></a></li>
<li><a href="https://www.instagram.com/darkburger" class="fa fa-instagram svgToDark" target="_blank"></a></li>
<li><a href="https://twitter.com/darkburger" class="fa fa-twitter svgToDark" target="_blank"></a></li>
</ul>
</section>
<section class="policy_links">
<ul>
<li><a class="svgToDark" href="privacy-policy.html">Privacy Policy</a></li>
<li><a class="svgToDark" href="terms-and-conditions.html">Terms of Service</a></li>
<li><a class="svgToDark" href="cookies-policy.html">Cookies</a></li>
</ul>
</section>
<section class="github_contributors">
<ul>
<a href="https://github.com/isab95" class="fa fa-github svgToDark" target="_blank"></a>
<a href="https://github.com/DenisLettany" class="fa fa-github svgToDark" target="_blank"></a>
<a href="https://github.com/javadaller" class="fa fa-github svgToDark" target="_blank"></a>
<a href="https://github.com/AdCa09" class="fa fa-github svgToDark" target="_blank"></a>
</ul>
</section>
</footer>
</body>
</html>