-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
105 lines (103 loc) · 9.69 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
<!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="./assets/css/style.css">
<script defer src="./assets/js/script.js" type="module"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-*" crossorigin="anonymous" />
<link rel="shortcut icon" href="./assets/images/icons/DK_favicon.svg" type="image/x-icon">
<title>Dark Kitchen</title>
</head>
<body>
<header>
<div class="cart_modal">
<div class="shopping_cart">
</div>
</div>
<div class="container" id="nav">
<nav>
<img src="assets/img/logo-light.svg" class="logo">
<ul>
<li><img src="assets/img/moon.png" id="icon"></li>
<li><a class="navigation" href="#nav">Home</a></li>
<li><a class="navigation" href="#menu">Menu</a></li>
<li><a class="navigation" href="#about">About</a></li>
<li><i class="fa-solid fa-cart-shopping"><span id="count"></span></i></li>
</ul>
</nav>
<h1>Dark Kitchen</h1>
<p>Adresse</p>
<p><i class="fa-sharp fa-solid fa-arrow-down"></i></p>
<p>100, Anywhere Street <br> Nowere, Neverlan 1000</p>
</div>
</header>
<main>
<section id="menu">
<h1>Our Menu</h1>
<ul>
<li><i id="Local" class="filter-btn fas fa-map-pin"></i></i></li>
<li><i id="Asian" class="filter-btn fas fa-vihara"></i></i></i></li>
<li><i id="Italian" class=" filter-btn fa-solid fa-pizza-slice"></i></li>
<li><i id="US" class="filter-btn fas fa-hamburger"></i></li>
<li><i id="Arab" class="filter-btn fas fa-star-and-crescent"></i></li>
<li><i id="Veggie" class="filter-btn fas fa-utensils"></i></i></li>
<li><i id="Desserts" class="filter-btn fas fa-ice-cream"></i></i></li>
<li><i id="Drinks" class="filter-btn fas fa-cocktail"></i></i></li>
</ul>
</section>
<div class="menu-container"></div>
<span id="about"></span>
<section class="about">
<article class="about-text">
<h2>About us</h2>
<div class="rectangle"></div>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsum similique ex molestiae iure, molestias sapiente labore esse soluta voluptas facilis aliquam at exercitationem deserunt assumenda! Dolor nulla voluptatem exercitationem suscipit.
</p>
<p>
Corrupti, rerum. Amet labore cum soluta excepturi perspiciatis impedit similique, vel tenetur in id nisi laudantium nam. Hic officia impedit laboriosam, quam nostrum illum nam. Esse, nihil necessitatibus? Maiores, vel!
Aliquid dolor ut, tempora impedit unde sunt architecto quibusdam minima molestias nihil voluptatem id incidunt qui soluta harum officia repellat dolore ipsa, laudantium amet ullam. Saepe recusandae optio temporibus fugiat.
</p>
</article>
</section>
</main>
<footer>
<div class="contacts">
<article class="address">
<h2>Dark kitchen</h2>
<p>100, Anywere Street,</p>
<p>Nowere, Neverland 1000</p>
</article>
<div class="git-icons">
<!-- <img class="socials" src="assets/images/icons/GitHub.svg" alt="GitHub icon">
<img class="socials" src="assets/images/icons/Octocat.svg" alt="Octocat icon"> -->
<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect y="0.00195312" width="45" height="45" fill="url(#pattern0_6922_1544)"/>
<defs>
<pattern id="pattern0_6922_1544" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_6922_1544" transform="scale(0.0111111)"/>
</pattern>
<image id="image0_6922_1544" width="90" height="90" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFiklEQVR4nO2cW4hVVRjHfzMem5maRmjsxoRGFwLLKSsty4rKhIisHkqMDLpoZZGXtCR68KGiJKIiH6Kil160i+kImb4EZnSXTKgeisQysxpHmGhqxtmx4AsOhzlz1nXvtWfWD9bLMHuv7/uftdflW99akEgkEolEIpFIJBIJbSYAM4F7gHXAe8Ae4AegF/hHSq/8bY/8z7PyzMXyjsQInAYsB3qAI0DmWPqALcAyoItxThuwCNgBHPUgbr0yBGwH7gBaGUe0S0v7JaC49cohYC0wiTHMRGA18GcBAtcWZcMjYtOY4grgmwgEri3fAXMZA6g+cT0wHIGo9Yqy7SWghZJyOvBJBEJmmuVL4CxKxlxP07Qs56KmhddQEm4B/o5AtMyyqMXQAiJnSeA5cZZTUT4sJlJulsVB0SJlHsW+jchQ/dpABOJkAbqReUTC2SUd+DKDAfLMokVukWlRNsbLF0XPs9cbGrwfOBE4GbgEWAnsylm0XVKvqv8U4CTgZ43n1KKmEK6yWPGtrPOuGRJhCynwdqlnJFZpPK98nUPOqGDMXgtnpzd47zIZgHwKrN73cIN6z9d8l9pkqJAjqy2dbtd49+VVg+tB4B1gDTAf6AY6gePkf9X7JotQNwGPA5skHJrJe9T7GtFh4MMKcuJ4h1BnRbOOC4FZQLOljeq52cBFBl+org+/azYYZx51+Iw7iJNJhn6oWHbwsOcBB6HPI066Df34VbbignGn48B0A3Ey38KX20MatMNR6FXEic3gvi2UMV0egkabiJMtlkGnIKkMyx1FzmTnO0YOWvrzUAhjejwI/SBxYrsueNe3ISrF6rCjyBuIlybp1kx9Ouw7/Wymo8hHZEUXM6cCf1n4prso0uJeR6GfoBw8Y+HbXT4NWOcgcr8s28vACRZBLfXjeGOzg9BvUy7eL3JA/NpB6EWUi/sN/dvts/KfHISeTrmYbejfjz4rd8kA7aRcTDH0T4VNvWG76zHsEFMuimMNfVRpFt74N7Vo6gmttPFGn0PXMY1yMctidegNl2MQ11MuFhj6p1IVopjePUm5eMPQv69iWbB8T3lotgiZeo2xv+AgdAZcTTm40cI3pY037nMU+iMJRcZMRboBU9/u9mnEDEehM2ApcfOYpV8qecfrr93vKPSAZtZQEVwHDFr41B8iRWybh1bdB1xGfEn0to1Ibep6Z6kHoTM5SOS1X7OkSTZXXVa9D4S6gcDnwcwe4FyK4QIPOSpHRZMgfOhR6Ex+uB7Zk8xL4I2eGswHIQ1d6FnorKqos+JPSzzYV8RvgpxDV1tx33q2N2hKWEtV7nHI0gvsBF6RxB3dwNQ0OVXwKvCxYzCsUXzjGAKzRsOQa4FzgOccB5sMeNkgc7NVzpqEbgi55BC2a7Tq16rml90OW2FPWdq4NqDIh/LM816hYdDGqmV3l+ytmTj0loN9TVJ/CKGDTOlGO4qgc9HJ4pr+s8+g1ahjci50yn6eT5H35n1YCBnNhzUGjbaqZ+Zp7j+q4xt5fXm6ZUhmRIXwvIaBS0bYKtoqrW2wapahdnE+lYSUDo/jiWty5v9FDeyFMVHjlpmdRRoIvO5B5N2hz6zooK7H+WMUI4dlqlcUtzqKrL68qUTCnAbXSLxYoG1nOAbAriTC3eN6Z1wGfOcRG9DmMPipy16iZOEoAfT9BY7apiIPho5l+OoTB0Zx4E05bzglx5sUTbsLde6wFKhdlN8sP9kQmJyIjW0HqCFTZV6clUToz0IG8kNTkQDPUMRCD8rxiOBhzzy4VO4lik3oz3Pc3cmNZlmON7odIQS1dRyQgFfZcreNaJUTtPsKEHqf7HyPq5vRKzKN2lwz924JkMG/VerKPcQZG5Pl9NYGWTInEolEIpFIJBKJRCLB2OI/bOLhdXH1ONAAAAAASUVORK5CYII="/>
</defs>
</svg>
<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect y="0.00195312" width="45" height="45" fill="url(#pattern0_6922_1545)"/>
<defs>
<pattern id="pattern0_6922_1545" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_6922_1545" transform="scale(0.0111111)"/>
</pattern>
<image id="image0_6922_1545" width="90" height="90" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFf0lEQVR4nO2ca4hVVRTHf05mloXTa8AKipEyCiummooMeilJfouc3iBBQWnZQyg0qD6VmZSlVJgFYYU9jD5EhT2oKBUyk9BqnDKbYZyRNGsam6lmx4Y1cBn03rP32Xuffc/sH6wvh3vPWut/zz1777UfkEgkEolEIpFIJBKJRCKRaAX6gJ+Ar4A1wDxgKtBQEnmmAnOBV4AvgO2S87khg3gGUAexHmApcCb1x2TgMaCjSn4vhApmLLC7SiCV9jkwnfi5AHgP+C9DTvuAcSGCOi+jyCMFbyU+moE3gSHDfC4KEdy9FkIreVqeAxopnjHAbcCflrksCBHka5bBKbGdwKUUx1HAuzlzeCtEoBtyBqmAfyueikOBs4AbgIXAchFiPbAV6AT2HODpG5DrvwHt8nn9nl0FLJL76dfV4RWxTwK+dhD/NyGE3uUgUCXWIYIpj/aPCKN7Cz87umdvCKH7PAuj6sD6Qwg9GEGiqmAbkgbVK/siSFQVbPpf7Z0dESSqCrauEEJ/FkGiqmDbFELo5yNIVBVsL4UQ+uYIElUF2+0hhD7BojagSmS6X95EIEZzg/hyKJFti0qqJNYR4om+OmPNtuz2JTDel8jHO65zqDo3PcvkhbcjSE5FZLpDMMu1yJdFkJiK0HQJd4IrkRtkJFR0UipSe8RlA1h0Mipi+ws4zoXQ70eQjIrcHsor8imjfBSoMtoumZKzZrQPTpSBzcwjdCqJklloPSlsxRFSQHH1iw/IQprVsmTscWAlsFaud3l4yrpk3dxa8bVYfK8Wny4nhntsp7cucRTAJuCWjAtn9LD2DOnp3Ak8AbwhCym3Ad3AfrFuubZePrNEFiXOkntkGSI3StnXxRIEbVNshL4vp9M/RKxDiB8d4x0O5kPnhJ5J2QtcSP3RYrCA80D2ZMj+c78EXK+cLYMQm9zfsXG4zdLZfOqfuyxz32LjrNvC0YaSrPgfI41skGUINg3DbMrDtRb5/x5i6VdX3mFoZOidDb8aaqDHHcYMxDppGZBVhhroh9OYvYZObqV8zDHUQGtmTKehE5NtYddJC61HeN8CbTYBBvB1TojG8AdDJydnvO89AbuFeX2dZKjBjzZBfmroRO8NqcXpVd79+vppNoF69DXeUAOtmfeGQFf7arGsxj2esgnUo69xIUqliwydZJk321rjHt/ZBOrRV6OhBloz7x32LH/F/hr30DUGV7jwNdlQA62ZMZMMncxwkHyfTaAefV1pqIFeaWtFu4ETXYgp26tjru8exzArDRy9XsLG8FWD/HOdejDdcJNjrVrHlBpdrlPzBOvY11jJKWv+V+QJtkH2bmd1lmXR3/yDfPfuPIF68DXTIO9fXJSHHzVw+EnGe84GNkuDtdm2tfbsa51B3lqj3BwrddasTq+i/plhWEg6xpXjhQaOO106LoCJ8irImu8DLp1PkMObsjr/2OfWA4/omD8yyLM9Y+nBiFbDWZcP5OmoFyYazvwPyLFHXrjfIBBt3/sMxiEtFrP+egGoV5ZYnDazHDiR+NBD5mclRpOc9Bq+IFPx1c69q/ZXe1HW9BW5JEHHP01GvX9b5PF06IDn5TgkZaecGNaWpxBjWCBrE58mA7BKG5TaRyFMc3RO0W5p7VcADwI3yZC2Rc6mO1rssBFF+eHrzfLZy4Ebpcu1QgYdedbSDdsOybVQ9ClcD8vkpyqZDcqr4kgioln+mmUQfL/konOKliZ5wk0GOCoS2y6xBzsmwhXny6r9LZHu7hqS2BbXSX8/86b9a2QPyTrZ8xFa2B7xvVRicbIRsx5oktb8ejlCc5kc+v0hsFGmh3rlaMw9I7qTgxXXe+WzG+W7a+ReC+TeF8sPnUgkEolEIpFIJBKJRCKRID//A40dZl3FgcVkAAAAAElFTkSuQmCC"/>
</defs>
</svg>
</div>
<div class="mail">
<p>+ 210 0125 22 33 88</p>
<p>[email protected]</p>
</div>
</div>
<div class="about-picture"><img src="assets/images/photos/about-light.png" alt="A hand with a fig" class="hand">
</div>
</footer>
</body>
</html>