forked from mayki21/KFC-Clone
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
175 lines (171 loc) · 7.22 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
<!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">
<title>Bharat's Fried Chicken</title>
<link rel="icon" type="image/x-icon" href="images\bfccc.jpg">
<link rel="stylesheet" href="style\index.css">
<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=Roboto+Condensed:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav>
<div id="leftNav">
<img src="images\bfccc.jpg" alt="BFC" onclick="location.href='index.html';">
<h3 onclick="location.href='menu.html';" id="menuBtn">Menu</h3>
<h3 onclick="location.href='deals.html';" id="dealsBtn">Deals</h3>
</div>
<div id="rightNav">
<h3 onclick="location.href='login.html'" id="signInBtn">Sign In</h3>
<h3 style="color: gray; font-size: 30px;">|</h3>
<h3 id="totalAmount">₹0</h3>
<img src="images\cartBucket.jpg" alt="" onclick="location.href='cart.html';">
</div>
</nav>
</header>
<div id="banner">
<!-- append banner here -->
<img src="images\banner2.jpg" alt="">
</div>
<div id="welcome">
<img src="images\line.PNG" alt="">
<div id="welText">
<h1>WELCOME TO BFC!</h1>
</div>
</div>
<div id="catText">
<h1>BROWSE CATEGORIES</h1>
<hr style="width: 65%; height: 2px; background-color: black;">
</div>
<div id="categories">
<div class="card">
<img src="https://orderserv-kfc-assets.yum.com/15895bb59f7b4bb588ee933f8cd5344a/images/categories/CAT208.jpg?ver=25.33"
alt="">
<h2>EXCLUSIVE DEAL</h2>
</div>
<div class="card">
<img src="https://orderserv-kfc-assets.yum.com/15895bb59f7b4bb588ee933f8cd5344a/images/categories/CAT212.jpg?ver=25.33"
alt="">
<h2>CHIZZA</h2>
</div>
<div class="card">
<img src="https://orderserv-kfc-assets.yum.com/15895bb59f7b4bb588ee933f8cd5344a/images/categories/CAT86.jpg?ver=25.33"
alt="">
<h2>CHICKEN BUCKETS</h2>
</div>
<div class="card">
<img src="https://orderserv-kfc-assets.yum.com/15895bb59f7b4bb588ee933f8cd5344a/images/categories/CAT200.jpg?ver=25.33"
alt="">
<h2>NEW LAUNCH</h2>
</div>
<div class="card">
<img src="https://orderserv-kfc-assets.yum.com/15895bb59f7b4bb588ee933f8cd5344a/images/categories/CAT190.jpg?ver=25.33"
alt="">
<h2>BIRYANI BUCKETS</h2>
</div>
<div class="card">
<img src="https://orderserv-kfc-assets.yum.com/15895bb59f7b4bb588ee933f8cd5344a/images/categories/CAT158.jpg?ver=25.33"
alt="">
<h2>BOX MEALS</h2>
</div>
<div class="card">
<img src="https://orderserv-kfc-assets.yum.com/15895bb59f7b4bb588ee933f8cd5344a/images/categories/CAT99.jpg?ver=25.33"
alt="">
<h2>BURGERS</h2>
</div>
<div class="card" onclick="location.href='menu.html';">
<img style="width: 70%; margin: auto; display: block; margin-top: 50px;"
src="https://online.kfc.co.in/static/media/finger_lickin.fc21c805.svg" alt="">
<h2 style="margin-top: 50px; font-weight: 100;">View All Menu ⟶</h2>
</div>
</div>
<div id="offers">
</div>
<div id="offers">
<div id="Toffer">
<h1>OFFERS & DEALS</h1>
<p onclick="location.href='menu.html';">View All Menu ⟶</p>
</div>
<div id="Doffer">
<div class="offerCard">
<img src="https://orderserv-kfc-assets.yum.com/15895bb59f7b4bb588ee933f8cd5344a/images/offers/xl/YAYZINGER.jpg?ver=25.33"
alt="">
<h1>FREE CHICKEN...</h1>
<p>Free Chicken Zinger on a cart value of 599 or more. Friday only</p>
<button>Redeem</button>
</div>
<div class="offerCard">
<img src="https://orderserv-kfc-assets.yum.com/15895bb59f7b4bb588ee933f8cd5344a/images/offers/xl/YAYPOP.jpg?ver=25.33"
alt="">
<h1>FREE POPCORN</h1>
<p>Free Popcorn (Med) on a cart value of 499 or more. Friday only.</p>
<button>Redeem</button>
</div>
<div class="offerCard">
<img src="https://orderserv-kfc-assets.yum.com/15895bb59f7b4bb588ee933f8cd5344a/images/offers/xl/YAYCHKN.jpg?ver=25.33"
alt="">
<h1>FREE 1PC CHICKEN</h1>
<p>Free 1pc Chicken on a cart value of 499 or more. Friday only.</p>
<button>Redeem</button>
</div>
<div class="offerCard">
<img src="https://orderserv-kfc-assets.yum.com/15895bb59f7b4bb588ee933f8cd5344a/images/offers/xl/BIGSAVE.jpg?ver=25.33"
alt="">
<h1>UPTO RS 100 OFF</h1>
<p>Upto Rs 100 off on min cart value of Rs 599 or more.</p>
<button>Redeem</button>
</div>
</div>
</div>
<footer>
<div id="Tfooter">
<div id="rfooter">
<img src="images\BFC Buckets.jpg" alt="">
</div>
<div id="linksF">
<div class="linkCard">
<a href="">BFC Foods</a>
<a href="menu.html">Menu</a>
<a href="">Order Lookup</a>
<a href="">Gift Card</a>
<a href="">Nutrition & Allergen</a>
</div>
<div class="linkCard">
<a href="">Support</a>
<a href="">Get Help</a>
<a href="">Contact Us</a>
<a href="">BFC Feedback</a>
<a href="">Privacy Policy</a>
</div>
<div class="linkCard">
<a href="">Legal</a>
<a href="">Terms and Conditions</a>
<a href="">Privacy Policy</a>
<a href="">Disclaimer</a>
<a href="">Caution Notice</a>
</div>
<div class="linkCard">
<a href="">BFC India</a>
<a href="">About BFC</a>
<a href="">BFC Care</a>
<a href="">Careers</a>
<a href="">Our Golden Past</a>
</div>
</div>
<div id="app">
<img src="images\playstore.jpg" alt="">
<img src="images\appstore.jpg" alt="">
</div>
</div>
<div id="Dfooter">
<p>Copyright © KFC Corporation 2021 All Rights Reserved</p>
</div>
</footer>
</body>
<script src="script\index.js"></script>
</html>