-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
399 lines (311 loc) · 20.7 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
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
<!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">
<!-- CSS -->
<link rel="stylesheet" href="assets/css/style.css">
<!-- bootstap -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<title>Burger Fi | Chef-Created Burgers, fresh food in an eco-friendly environment.</title>
<meta name="description" content="BurgerFi is committed to providing the best burger experience. That’s why
we serve Chef-Created, fresh food in an eco-friendly environment.">
<meta name="keywords" content="html,BurgerFi, Burger, burger, burger fi, burger fi, Burger Fi, برجر, برجرفاي, برجر فاي" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
</head>
<body>
<!-- ------------------------------------------------- Header------------------------------------------------------ -->
<header>
<nav class="container navbar navbar-expand-md navbar-light">
<div class="container-fluid">
<div class="collapse navbar-collapse container-fluid order-1 order-md-2 py-3 py-md-0" id="navbarTogglerDemo03">
<ul class="navbar-nav flex-grow-1 justify-content-end text-center menu">
<li class="nav-item">
<a class="nav-link text-md-black fw-bold" href="#contact" tabindex="-1">Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-md-black fw-bold px-md-4" href="pages/about-us.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link text-md-black fw-bold pe-3" aria-current="page" href="pages/contact.html">Contact</a>
</li>
<li class="nav-item" id="menubtn">
<a class="nav-link text-white fw-bold" aria-current="page" href="#food-menu">Menu</a>
</li>
<li class="nav-item ms-md-2 mt-2 mt-md-0" id="menubtn">
<a class="nav-link text-white fw-bold" aria-current="page" href="pages/arabic/home-arabic.html">العربية</a>
</li>
</ul>
</div>
<div id="logo" class="navbar-brand order-md-1">
<a href="index.html"><img src="assets/imgs/mainlogo.png" id="logo" alt="Burger Fi"></a>
</div>
<button class="navbar-toggler text-white" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
<i class="text-black bi bi-list"></i>
</button>
</div>
</nav>
</header>
<!-- -------------------------------------------------HERO------------------------------------------------------ -->
<section class="hero d-flex position-relative">
<div class="container d-flex align-items-center">
<div class="hero-contert">
<h1 class="display-1 fw-bold text-white">RedeFining The Way The<br> World Eats <span>BURGERS</span></h1>
<p class="fs-5 mb-5">BurgerFi is committed to providing the best burger experience. That’s why <br>we serve Chef-Created, fresh food in an eco-friendly environment.</p>
<a class="cta-btn fs-4 fw-bold text-white" href="#food-menu">Our Menu</a>
</div>
<div class="hero-vd position-absolute">
<video class="video-bg" autoplay muted loop>
<source src="assets/imgs/vedio.mp4" type="video/mp4">
</video>
</div>
</div>
</section>
<!-- -------------------------------------------------About Us------------------------------------------------------ -->
<section class="aboutUs py-5">
<div class="container container d-flex align-items-center">
<div class="abotus-content d-flex py-5 flex-column flex-md-row align-items-center">
<div class="aboutus-left">
<h4>Welcome</h4>
<h1 class="fw-bold text-black display-2">We make the<br> best <span>burger</span> <br> in town</h1>
<p class="w-75 mb-4 fs-5">BurgerFi is committed to providing the best burger experience. That’s why we serve chef-created, fresh food in an eco-friendly environment. We use 100% natural American Angus Beef with no steroids, antibiotics, or growth hormones.
</p>
<a class="d-inline-block cta-btn fs-4 fw-bold text-white" href="pages/about-us.html">More About Us</a>
</div>
<div class="aboutus-right mt-4 mt-md-0 d-flex justify-content-center">
<img src="assets/imgs/contactusimg.jpg" alt="" srcset="">
</div>
</div>
</div>
</section>
<!-- ------------------------------------------------Burger Featchers------------------------------------------------------ -->
<section class="burger-fech py-5">
<div class="container d-flex flex-column flex-md-row py-5 align-items-center">
<div class="burger-fech-left d-flex flex-column justify-content-end py-3">
<h3 class="text-white fw-bold">Fresh <span>Bun</span></h3>
<p class="w-75">Fresh made potato bun made on a daily basis</p>
<h3 class="text-white fw-bold pt-5">Fresh <span>Beef</span></h3>
<p class="w-75 pb-5">Natural American angus patties free of hormones, steriods, or anti-biotics</p>
<h3 class="text-white fw-bold">Glow <span>Cheese</span></h3>
<p class="w-75">With no cheese, no squeeze</p>
</div>
<div class="burger-fech-center py-3 order-3 d-none d-md-inline order-md-2 d-flex justify-content-center align-items-center">
<img src="assets/imgs/burger-fech2.png" alt="">
</div>
<div class="burger-fech-right py-3 order-md-3 d-flex flex-column justify-content-md-end align-items-md-end justify-content-start pt-3 pt-md-0 align-items-start">
<h3 class="text-white fw-bold">FI <span>Sauce</span></h3>
<p class="w-75 text-md-end text-start">In-house speciality sauce made daily</p>
<h3 class="text-white fw-bold pt-5">Fresh <span>Tomatoes</span></h3>
<p class="w-75 text-md-end text-start pb-5">To insure quality and freshness, tomatoes arrives to our stores daily</p>
<h3 class="text-white fw-bold">Fresh <span>Lettuce</span></h3>
<p class="w-75 text-md-end text-start">Fresh lettuce picked carefully to suite our delicious cheese burger</p>
</div>
</div>
</section>
<!-- ------------------------------------------------Menu------------------------------------------------------ -->
<section id="food-menu" class="food-menu py-4">
<div class="container py-5 my-5">
<div class="title food-menu-title">
<h1 class="fw-bold text-center text-black display-4">Our <span>Menu</span></h1>
</div>
<div class="tabs pt-4">
<ul class="d-flex flex-wrap justify-content-center">
<li data-tab-target='#Burgers' class="tbs active shadow mx-2 my-3 py-1 px-4"><a class="text-black fw-bold" data-filter='.burger'>Burgers</a></li>
<li data-tab-target='#Chicken' class="tbs shadow mx-2 my-3 py-1 px-4"><a class="text-black fw-bold" data-filter='.chicken'>Chicken</a></li>
<li data-tab-target='#HotDog' class="tbs shadow mx-2 my-3 py-1 px-4"><a class="text-black fw-bold" data-filter='.hotDog'>Hot Dog</a></li>
<li data-tab-target='#Sides' class="tbs shadow mx-2 my-3 py-1 px-4"><a class="text-black fw-bold" data-filter='.sides'>Sides</a></li>
<li data-tab-target='#Custard' class="tbs shadow mx-2 my-3 py-1 px-4"><a class="text-black fw-bold" data-filter='.custard'>Custard</a></li>
</ul>
</div>
<!-- -----------------------------------------BURGER--------------------------------------- -->
<div class="active menu-items py-3 row" id="Burgers" data-tab-content>
<div class=" col-12 col-md-4 gap-3">
<div class="menu-item text-center">
<img src="assets/imgs/manu/burgerfi-burger.png" alt="">
<h3 class="item-title fw-bold">BURGERFI BURGER</h3>
<p class="item-des">Double Wagyu + Brisket Blend Burger, Homemade Candied Bacon-Tomato Jam, Truffle Aioli, Aged Swiss Cheese *Available as Single Burger</p>
</div>
<div class="menu-item text-center">
<img src="assets/imgs/manu/burgerfi-cheeseburger.png" alt="">
<h3 class="item-title fw-bold">BURGERFI CHEESEBURGER</h3>
<p class="item-des">Double Natural Angus Beef, Double American Cheese, Lettuce, Tomato, BurgerFi Sauce *Available as Single Burger</p>
</div>
<div class="menu-item text-center">
<img src="assets/imgs/manu/conflicted-burger.png" alt="">
<h3 class="item-title fw-bold">CONFLICTED BURGER</h3>
<p class="item-des">Natural Angus Beef, VegeFi® Burger, American Cheese, White Cheddar, Lettuce, Tomato, BurgerFi Sauce</p>
</div>
</div>
<div class="col-12 col-md-4 gap-3">
<div class="menu-item text-center">
<img src="assets/imgs/manu/Burger_Bacon-Cheese.png" alt="">
<h3 class="item-title fw-bold">ULTIMATE BACON CHEESEBURGER</h3>
<p class="item-des">Double Natural Angus Beef, Double American Cheese, Double Bacon</p>
</div>
<div class="menu-item text-center">
<img src="assets/imgs/manu/the-ceo.png" alt="">
<h3 class="item-title fw-bold">THE CEO
</h3>
<p class="item-des">Double Wagyu + Brisket Blend Burger, Homemade Candied Bacon-Tomato Jam, Truffle Aioli, Swiss Cheese</p>
</div>
</div>
<div class="col-12 col-md-4 gap-3">
<div class="menu-item text-center">
<img src="assets/imgs/manu/swag2-2.png" alt="">
<h3 class="item-title fw-bold">SWAG (SPICY WAGYU) BURGER</h3>
<p class="item-des">Double Wagyu + Brisket Blend, Charred Jalapeños, Candied Ghost Pepper Bacon, Sweet Tomato Relish, Pepper Jack Cheese, Hot Steak Sauce</p>
</div>
<div class="menu-item text-center">
<img src="assets/imgs/manu/breakfast-all-day-burger.png" alt="">
<h3 class="item-title fw-bold">BREAKFAST ALL DAY BURGER</h3>
<p class="item-des">Natural Angus Beef, Bacon, American Cheese, Maple Syrup, Fried Egg, Hash Brown, Grilled Onions, Ketchup</p>
</div>
</div>
</div>
<!-- -----------------------------------------Chicken --------------------------------------- -->
<div class="menu-items py-3 row" id="Chicken" data-tab-content>
<div class="col-12 col-md-4">
<div class="menu-item text-center">
<img src="assets/imgs/manu/BurgerFi_Fied_Chicken_Sandwich.png" alt="">
<h3 class="item-title fw-bold">FI’ED CHICKEN SANDWICH</h3>
<p class="item-des">All-Natural, Cage-Free Chicken Breast from Springer Mountain Farms, Organic Honey Mustard BBQ Sauce, Pickle Chips, Lettuce, Tomato</p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="menu-item text-center">
<img src="assets/imgs/manu/SpicyChickenV6.png" alt="">
<h3 class="item-title fw-bold">SPICY FI’ED CHICKEN SANDWICH</h3>
<p class="item-des">All-Natural, Cage-Free Chicken Breast from Springer Mountain Farms, Homemade Hot Pickles, Fresh Jalapeños, Ghost Pepper Honey, Spicy Mayo</p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="menu-item text-center">
<img src="assets/imgs/manu/BurgerFi_Fied_Chicken_Tenders.png">
<h3 class="item-title fw-bold">FI’ED CHICKEN TENDERS</h3>
<p class="item-des">All-Natural, Cage-Free Chicken Breast Tenders Served with Your Choice of Dipping Sauce: Bacon Jalapeño Ranch, Ghost Pepper Honey, Truffle Aioli, Garlic Aioli, Fi Sauce, Honey Mustard BBQ, or Memphis Sweet BBQ</p>
</div>
</div>
</div>
<!-- -----------------------------------------HotDog --------------------------------------- -->
<div class="menu-items py-3 row" id="HotDog" data-tab-content>
<div class="col-12 col-md-4">
<div class="menu-item text-center">
<img src="assets/imgs/manu/Hotdog_NY.png" alt="">
<h3 class="item-title fw-bold">NEW YORK STYLE DOG</h3>
<p class="item-des">American Wagyu Beef Hot Dog, Kraut, Mustard </p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="menu-item text-center">
<img src="assets/imgs/manu/Hotdog_Plain.png" alt="">
<h3 class="item-title fw-bold">AMERICAN WAGYU BEEF HOT DOG</h3>
</div>
</div>
<div class="col-12 col-md-4">
<div class="menu-item text-center">
<img src="assets/imgs/manu/Hotdog_Texas.png" alt="">
<h3 class="item-title fw-bold">TEXAS STYLE DOG</h3>
<p class="item-des">American Wagyu Beef Hot Dog, Chili, Cheese, Hot Sauce </p>
</div>
</div>
</div>
<!-- -----------------------------------------Fries --------------------------------------- -->
<div class="menu-items py-3 row" id="Sides" data-tab-content>
<div class="col-12 col-md-4">
<div class="menu-item text-center">
<img src="assets/imgs/manu/fries.png" alt="">
<h3 class="item-title fw-bold">FRESH-CUT FRIES</h3>
<p class="item-des">Potatoes + Salt Regular | Large | Family</p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="menu-item text-center">
<img src="assets/imgs/manu/onion_rings-removebg.png" alt="">
<h3 class="item-title fw-bold">ONION RINGS</h3>
<p class="item-des">Beer-Battered Colossal Onion Rings Regular | Large</p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="menu-item text-center">
<img src="assets/imgs/manu/cryfry-removebg.png" alt="">
<h3 class="item-title fw-bold">CRY + FRY</h3>
<p class="item-des">Fresh-Cut Fries + 3 Colossal Beer-Battered Onion Rings</p>
</div>
</div>
</div>
<!-- -----------------------------------------Shakes --------------------------------------- -->
<div class="menu-items py-3 row" id="Custard" data-tab-content>
<div class="col-12 col-md-4">
<div class="menu-item text-center">
<img src="assets/imgs/manu/Custard_Cups.png" alt="">
<h3 class="item-title fw-bold">CUSTARD CUPS</h3>
<p class="item-des">Small | Regular Vanilla, Chocolate or Swirl Custard + Your Choice of Toppings * Custard Style varies by location</p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="menu-item text-center">
<img src="assets/imgs/manu/Red-velvet-shake-Website.png" alt="">
<h3 class="item-title fw-bold">SHAKES</h3>
<p class="item-des">Red Velvet, Vanilla, Ghirardelli Chocolate, Black + White, Strawberry, Oreo Cookie, Coffee Mocha, Banana Churro</p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="menu-item text-center">
<img src="assets/imgs/manu/Concrete-Website-Image.png" alt="">
<h3 class="item-title fw-bold">CONCRETES</h3>
<p class="item-des">Red Velvet Cake, Oreo Cookies + Cream, Caramel Fudge Bar, Key Lime Pie </p>
</div>
</div>
</div>
</div>
</section>
<!-- ------------------------------------------------Footer------------------------------------------------------ -->
<footer class="py-5">
<div class="container py-5">
<div class="footer-container d-flex justify-content-center align-items-center flex-column">
<div id="footer-logo">
<img src="assets/imgs/footerlogo.png" alt="">
</div>
<div class="address d-flex flex-column flex-md-row justify-content-center my-5">
<div class="text-center">
<h5 class="fw-bold text-white">Important Links</h5>
<ul>
<li><a href="pages/about-us.html">About US</a></li>
<li><a href="pages/contact.html">Contact</a></li>
</ul>
</div>
<div class="text-center mx-5 my-5 my-md-0">
<h5 class="fw-bold text-white">Visit Us</h5>
<p class="mb-md-5 mb-3">3031 Prince Turkey Street, Al Yarmok, Al Khobar</p>
</div>
<div class="text-center">
<h5 class="fw-bold text-white">Opening Hours</h5>
<p>Sunday – Friday <br>12 AM - 1 AM</p>
</div>
</div>
<div class="social-media">
<ul>
<a href="https://www.instagram.com/burgerfi.sa/" target="blank"><i class="mx-4 bi bi-instagram"></i></a>
</ul>
</div>
</div>
</div>
</footer>
<!-- ------------------------------------------------Footer------------------------------------------------------ -->
<section class="copy-right">
<div class="container">
<p class="text-black fs-5 text-center pt-3">© 2021 BurgerFi International, Inc.</p>
</div>
</section>
<!-- ------------------------------------------------Script------------------------------------------------------ -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.8.0/gsap.min.js" integrity="sha512-eP6ippJojIKXKO8EPLtsUMS+/sAGHGo1UN/38swqZa1ypfcD4I0V/ac5G3VzaHfDaklFmQLEs51lhkkVaqg60Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.8.0/ScrollTrigger.min.js" integrity="sha512-CPA5LMoJI/a5HkSIAKcBtFXe4gqGjPUL2ExF/3PmhrrHI17wod9xOqqF+0WZQRKIIq0KwF8oG5BaiWobtrke3A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="assets/js/script.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>