-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
138 lines (123 loc) · 5.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tough Cookie</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jockey+One&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/vendor/normalize.css" type="text/scss">
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<main>
<header>
<input type="checkbox" />
<div class="menu-checkbox">
<button>
<span></span>
<span></span>
<span></span>
</button>
<nav>
<ul>
<li>Hem</li>
<li>Om oss</li>
<li>Kontakt</li>
</ul>
</nav>
</div>
<h1 class="text">
Tough
<span class="desktop-only"> </span>
cooki<span class="desktop-only">e</span>
</h1>
</header>
<div class="page-content">
<!--page 1-->
<div class="page page-1">
<div class="logo">
<span class="drizzle">drizzle</span>
<span class="tahini">tahini</span>
<span class="chickpeas">chickpeas</span>
</div>
<div class="blooper">
<p class="text">Main course hemp seeds Southern Italian
shiitake mushrooms a delicious meal banana bread lemon
tahini dressing apple vinaigrette veggie burgers cool
cucumbers coconut sugar. Seasonal edame hummus asian
pear kale bite sized ghost pepper one bowl mediterranian
luxury bowl cayenne Thai sun pepper.
</p>
</div>
<div class="image">
<div class="arrow">
<img src="/assets/icons/arrow.svg" alt="arrow" width="72" height="59">
</div>
<div class="blooper-2">crispy nåt</div>
</div>
</div>
<!--page 2-->
<div class="page page-2">
<div class="image-1 image">bild 1</div>
<div class="image-2 image">bild 2</div>
<div class="image-3 image">bild 3</div>
<ul class="menu">
<li>
<span class="dish-name">HALLOUMI MOKLIEH</span>
<span class="dish-desc">Deep-fried halloumi</span>
<span class="dish-price">195 Kr</span>
</li>
<li>
<span class="dish-name">MOJADDARA</span>
<span class="dish-desc">Green lents with rice and fried onion</span>
<span class="dish-price">135 Kr</span>
</li>
<li>
<span class="dish-name">CHIAR & LABAN</span>
<span class="dish-desc">Lebanese spicy yoghurt with chopped cucumber</span>
<span class="dish-price">95 Kr</span>
</li>
<li>
<span class="dish-name">WARAK INAB</span>
<span class="dish-desc">Rice- and veggie-filled dolma with mint and lemon</span>
<span class="dish-price">85 Kr</span>
</li>
<li>
<span class="dish-name">MOUTABBAL BATINZIAN</span>
<span class="dish-desc">Smoked chooped aubergine, sesam paste, garlic and lemon</span>
<span class="dish-price">175 Kr</span>
</li>
<li>
<span class="dish-name">ARDISHOKI</span>
<span class="dish-desc">Artichoke with lemon and garlic marinade</span>
<span class="dish-price">99 Kr</span>
</li>
<li>
<span class="dish-name">MHAMARA</span>
<span class="dish-desc">Spicy bell pepper relish with crushed walnuts and pomegranate syrup</span>
<span class="dish-price">123 Kr</span>
</li>
</ul>
</div>
<!--page3-->
<div class="page page-3">
<div class="book">
bokningsformulär
</div>
<div class="contact">
Kontakt
</div>
</div>
</div>
<div class="cookies">
<div>You should accept cookies</div>
<div>
<button>Decline</button>
<button>Accept</button>
</div>
</div>
</main>
</body>
</html>