-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (123 loc) · 4.93 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
crossorigin="anonymous"
/>
<title>Burger King</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- navbar section -->
<nav>
<div class="navigation container">
<div class="bar_icon">
<i class="fas fa-bars brown"></i>
</div>
<div class="logo_container">
<img class="logo" src="assets/Burger King New 2021.png" alt="logo" />
</div>
<div class="d-flex btnn gap">
<button type="button" class="btn btn-danger rounded-pill m-2">
signup/signin
</button>
<button type="button" class="btn btn-secondary rounded-pill m-2">
$ 0.00
</button>
</div>
</div>
<div class="container">
<i class="fa-solid fa-location-dot brown"
><span class="location"> For Avaliblity</span>
<a class="location" href="">choose location</a>
</i>
</div>
</nav>
<!-- navbar ends -->
<!-- Hero section starts here -->
<div class="container">
<div class="hero">
<div class="hero_content">
<h1>
Start your <br />
BK® Order
</h1>
<button type="button" class="btn btn-danger rounded-pill m-2">
Order Pickup
</button>
<button type="button" class="btn btn-outline-danger rounded-pill m-2">
Order Delivery
</button>
</div>
<div class="hero_image">
<img class="img1" src="assets/frontimg.webp" alt="img" />
</div>
</div>
</div>
<!-- Hero section ends here -->
<!-- cards starts here -->
<div class="container mt-5 d-flex justify-content-evenly align-items-center flex-wrap">
<div class="card m-2" style="width: 32rem;">
<img src="assets/card1.webp" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Top a Whopper® your way!</h5>
<p class="card-text">Enter the Million Dollar Whopper® Contest, where your Whopper® creation, your way, could be worth $1 million!* Your first entry earns you a FREE Whopper® with $1+ purchase.</p>
<a href="#" class="btn btn-outline-danger rounded-pill m-2">Create your Whopper</a>
</div>
</div>
<div class="card m-2" style="width: 32rem;">
<img src="assets/card2.webp" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">The tastiest deal of the week</h5>
<p class="card-text">Today only! Get a great deal on the full-on flame-grilled flavor of a Whopper®. Order it your way in the BK® App</p>
<a href="#" class="btn btn-outline-danger rounded-pill m-2">Order Now</a>
</div>
</div>
<div class="card m-2" style="width: 32rem;">
<img src="assets/card3.webp" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">$3 OFF any $20+ BK® delivery order!</h5>
<p class="card-text">Save time and money with $3 OFF any $20+ BK® delivery order. Now through 2/29! At part. U.S. rest. Fees and higher prices apply.</p>
<a href="#" class="btn btn-outline-danger rounded-pill m-2">Order Delivery</a>
</div>
</div>
</div>
<!-- cards ends here -->
<!-- footer starts here -->
<div class="hero container mt-5 d-flex justify-content-evenly">
<div class="hero_image mt-5">
<img class="img2 mt-5 mb-5" src="assets/Burger King New 2021.png" alt="img">
</div>
<div class="hero_content">
<h1 class="mt-5 font">
Save $$$ <br />
With offers on demand</h1>
<div>
<img class="img3" src="assets/pngwing.com (4).png" alt="">
<p>
Save $$$
With offers on demand <br>
Apple and the Apple logo are trademarks of Apple Inc., <br> registered in the U.S. and other countries. App Store is a service mark of Apple Inc. <br> Google Play is a trademark of Google Inc. Terms apply.</p>
</div>
</div>
</div>
<div class="foot">
TM & Copyright 2024 Burger King Company LLC. All Rights Reserved.Do Not Sell Or Share My Personal Information
</div>
<!-- footer ends here -->
<script
src="https://kit.fontawesome.com/7d298551ea.js"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"
></script>
</body>
</html>