-
Notifications
You must be signed in to change notification settings - Fork 0
/
menu.html
155 lines (151 loc) · 7.45 KB
/
menu.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
<!DOCTYPE html>
<html lang="en">
<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">
<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=Bakbak+One&family=Poppins:ital@1&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
<link rel="stylesheet" href="scss/style.css">
<title>Burger Masters</title>
</head>
<body class="menu-main">
<a href="index.html" class="home"><i class="fas fa-home"></i></a>
<section class="beef-burgers">
<div class="shadow-beef"></div>
<h1 class="meal-name">Beef Burgers</h1>
<div class="classic-burger">
<h1 class="burger-name">Classic Burger</h1>
<img src="grafiki/bestsellers/classic-burger.jpg" alt="" class="classic-img">
<div class="card-burger">
<p class="components"><span class="komponents">Komponents</span>beef chop, lettuce, cheese, tomato, burger
dressing,
pickles </p>
<span class="rate">Rate 4.4 <i class="fas fa-star"></i></span>
<p class="price"><span class="actualy-price">Price</span>10$</p>
</div>
</div>
<div class="crispy-bacon">
<h1 class="burger-name">Crispy Bacon</h1>
<img src="grafiki/bestsellers/crispy-bacon.jpg" alt="" class="crispy-img">
<div class="card-burger">
<p class="components"><span class="komponents">Komponents</span>beef chop,
lettuce,
cheese, bacon, burger dressing,
</p>
<span class="rate">Rate 4.6 <i class="fas fa-star"></i></span>
<p class="price"><span class="actualy-price">Price</span>12$</p>
</div>
</div>
<div class="double-cheese">
<h1 class="burger-name">Double Chesse</h1>
<img src="grafiki/bestsellers/double-cheese king.jpg" alt="" class="double-img">
<div class="card-burger">
<p class="components"><span class="komponents">Komponents</span>beef chop(x2),
lettuce,
chedar cheese, onion, burger dressing,
</p>
<span class="rate">Rate 4.8 <i class="fas fa-star"></i></span>
<p class="price"><span class="actualy-price">Price</span> 15$</p>
</div>
</div>
</section>
<section class="chicken-burgers">
<div class="chicken-shadow"></div>
<h1 class="meal-name">Chicken Burgers</h1>
<div class="crispy-chicken">
<h1 class="burger-name">Crispy Chicken</h1>
<img src="grafiki/menu-photo/chicken-burgers/crispy-chicken.jpg" alt="" class="crispy-img">
<div class="card-burger">
<p class="components"><span class="komponents">Komponents</span>chicken chop, lettuce, cheese, burger
dressing,
ham </p>
<span class="rate">Rate 4.5 <i class="fas fa-star"></i></span>
<p class="price"><span class="actualy-price">Price</span>10,50$</p>
</div>
</div>
<div class="garlic-chicker">
<h1 class="burger-name">Garlic Chicker</h1>
<img src="grafiki/menu-photo/chicken-burgers/garlic-chicker.jpg" alt="" class="garlic-img">
<div class="card-burger">
<p class="components"><span class="komponents">Komponents</span>chicken chop, Red cabbage, garlic
dressing,
pickles, onion </p>
<span class="rate">Rate 4.6 <i class="fas fa-star"></i></span>
<p class="price"><span class="actualy-price">Price</span>13$</p>
</div>
</div>
<div class="mcchicken">
<h1 class="burger-name">MCchicken</h1>
<img src="grafiki/menu-photo/chicken-burgers/Mchicken.jpg" alt="" class="mcchicken-img">
<div class="card-burger">
<p class="components"><span class="komponents">Komponents</span>chicken chop, red onion, cheddar cheese, burger
dressing,
pickles </p>
<span class="rate">Rate 4.7 <i class="fas fa-star"></i></span>
<p class="price"><span class="actualy-price">Price</span>12,50$</p>
</div>
</div>
</section>
<section class="additions">
<div class="additions-shadow"></div>
<h1 class="meal-name">Additions</h1>
<div class="french-fries">
<h1 class="burger-name">French Fries</h1>
<img src="grafiki/menu-photo/dodatki/fries.jpg" alt="" class="fries-img">
<div class="card-burger">
<p class="components"><span class="komponents">Komponents</span>Potatoes 120g </p>
<span class="rate">Rate 4.5 <i class="fas fa-star"></i></span>
<p class="price"><span class="actualy-price">Price</span>3$</p>
</div>
</div>
<div class="sweet-potatoes">
<h1 class="burger-name">Sweet Potatoes</h1>
<img src="grafiki/menu-photo/dodatki/sweet-potatoes.jpg" alt="" class="sweet-img">
<div class="card-burger">
<p class="components"><span class="komponents">Komponents</span>Sweet Potatoes 120g</p>
<span class="rate">Rate 4.6 <i class="fas fa-star"></i></span>
<p class="price"><span class="actualy-price">Price</span>4$</p>
</div>
</div>
<div class="onion-rings">
<h1 class="burger-name">Onion Rings</h1>
<img src="grafiki/menu-photo/dodatki/onion-rings.jpg" alt="" class="onion-img">
<div class="card-burger">
<p class="components"><span class="komponents">Komponents</span>Onion Rings x5 </p>
<span class="rate">Rate 4.7 <i class="fas fa-star"></i></span>
<p class="price"><span class="actualy-price">Price</span>4,50$</p>
</div>
</div>
</section>
<section class="sauces-drinks">
<h1 class="sauces-title">Sauces & Drinks</h1>
<div class="sauces">
<h1 class="sauces-main">Sauces</h1>
<li class="sauces-list">Ketchup <span class="sauce-price">1$</span></li>
<li class="sauces-list">Mayonnaise <span class="sauce-price">1$</span></li>
<li class="sauces-list">Garlic sauce <span class="sauce-price">2$</span></li>
<li class="sauces-list">Burger dressing <span class="sauce-price">2$</span></li>
</div>
<div class="drinks">
<h1 class="drinks-main">Drinks</h1>
<li class="drinks-list">water 0,5l <span class="drinks-price">1.50$</span></li>
<li class="drinks-list">Cola 0,5l <span class="drinks-price">2$</span></li>
<li class="drinks-list">Sprite 0,5l <span class="drinks-price">2$</span></li>
<li class="drinks-list">Fanta 0,5l <span class="drinks-price">2$</span></li>
</div>
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.0/gsap.min.js"
integrity="sha512-gWlyRVDsJvp5kesJt4cSdPPLZIBdln/uSwzYgUicQcbTgRNQE4QhP5KUBIYlLYLkiKIQiuD7KUMHzqGNW/D2bQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/ScrollTrigger.min.js"
integrity="sha512-5efjkDjhldlK+BrHauVYJpbjKrtNemLZksZWxd6Wdxvm06dceqWGLLNjZywOkvW7BF032ktHRMUOarbK9d60bg=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="main.js"></script>
</body>
</html>