-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
198 lines (175 loc) · 10.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="./kfc1.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=Abril+Fatface&family=Imperial+Script&family=Noto+Sans+Cypro+Minoan&family=Poppins:wght@400;500&family=Source+Code+Pro:wght@400;700&family=Tektur:wght@500&display=swap" rel="stylesheet">
<title>KFC: World Famous Fried Chicken</title>
<link rel="icon" type="image/x-icon" href="https://cdn.iconscout.com/icon/free/png-256/free-kfc-2-226243.png">
</head>
<body>
<header>
<img class="logo" alt="" src="https://seeklogo.com/images/K/kfc-logo-8BDC0504EB-seeklogo.com.png">
<nav>
<ul class="nav_links">
<li class="linkitems"><a class="link" href="#home">Menu</a></li>
<li class="linkitems"><a class="link" href="#skills">Careers</a></li>
<li class="linkitems"><a class="link" href="#about">Merch</a></li>
<li class="linkitems"><a class="link" href="#contact">Find a KFC <i class="fa-solid fa-arrow-up-right-from-square"></i></a></li>
</ul>
</nav>
<div class="navbar-items">
<div class="nav-logos">
<a href="">
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24">
<path d="M23.64 21.86l-5.92-5.94a9.46 9.46 0 0 0 2.35-6.23c0-5.34-4.5-9.69-10.04-9.69S0 4.35 0 9.69c0 5.34 4.5 9.69 10.04 9.69 2.08 0 4.06-.6 5.75-1.75l5.96 5.98c.25.25.58.39.94.39.34 0 .66-.13.91-.35.52-.48.54-1.28.04-1.79zM10.04 2.53c4.09 0 7.42 3.21 7.42 7.16 0 3.95-3.33 7.16-7.42 7.16S2.62 13.64 2.62 9.69c0-3.95 3.33-7.16 7.42-7.16z" fill="#202124"/>
</svg>
</a>
<a href="">
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 30 30">
<path d="M15 10c0 2.4 1.9 5.4 4.3 5.4s4.3-3 4.3-5.4c0-2.4-1.9-4.3-4.3-4.3s-4.3 2-4.3 4.3z"></path>
<path d="M30 15c0 8.2-6.7 14.9-14.9 14.9C6.7 29.9 0 23.2 0 15S6.7 0.1 14.9 0.1 29.8 6.8 29.8 15zM15 27.9c7.1 0 12.9-5.8 12.9-12.9S22.1 2.1 15 2.1 2.1 7.9 2.1 15 7.9 27.9 15 27.9z"></path>
<path d="M13 21v-.3c.1-.6.2-2.2.2-2.6 0-.4.2-.9.4-1.2H13c-1.1.1-1.8.1-1.9.1-.1 0-.1-.1-.1-.4v-.2-.3-.5c0-.1.1-.1.5-.1s1.5.1 1.9.1c.4.1.5.2.5.2s.1-.2.3-.2h1c.2 0 .3.2.3.2s.1-.1.5-.2c.3-.1 1.4-.1 1.7-.2.4 0 .4 0 .5.1v1.5h-.1c-.1 0-.4 0-1.9-.2H16c.1.3.4.8.4 1.2 0 .3.1 1.4.2 2.1v.6c-.4.1-.8.2-1.3.2-.1-.9-.2-2.7-.2-3.2V18c0-.1.1-.2.1-.4h-.4c-.1 0-.3 0-.4-.1.1.2.1.3.1.5v.2c0 .4-.1 1.7-.2 3.2-.5.2-1 .1-1.4.1z"></path>
<path d="M15 29.8c-5.3 0-9.6-1.6-9.6-7.5 0-1.7 1.8-3.9 4.4-5.2L10 27.8h7.7l1.4-11.6c2.7 1.3 4.4 3.5 4.4 5.2 0 5.9-4.3 7.5-9.6 7.5z"></path>
</svg>
</a>
<a href="">
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24">
<path d="M18 24H3c-1 0-2-1-2-2V1c0-1 1-2 2-2h15c1 0 2 1 2 2v21c0 1-1 2-2 2z" fill="#FFF"/>
<path d="M4 23H1l1-21h4l-1 22zM22 22l-3 1h-3L16 1h4l2 21z" fill="#E52E2A"/>
<path d="M18 24H3c-1 0-2-1-2-2V1c0-1 1-2 2-2h15c1 0 2 1 2 2v21c0 1-1 2-2 2zM4 1c-1 0-2 1-2 2v21c0 1 1 2 2 2h15c1 0 2-1 2-2V3c0-1-1-2-2-2H4z"/>
<path d="M13 6c-3 0-5-2-5-5h1c0 2 2 3 3 3s3-1 3-3h1c0 3-2 5-5 5zM19 21l1 2h2c1 0 2-1 2-2L20 1h-1l1 22z"/>
</svg>
</a>
</div>
<a href="" class="start-order"><button class="order">Start Order</button></a>
</div>
</header>
<div class="delivery-location">
<button class="location"><i class="fa-solid fa-location-dot" style="color: #ff0000;"></i>
<span>Start an Order for Pickup or Delivery</span>
</button>
</div>
<div class="hero">
<div class="title">
<h1>MAKE IT A CHICKEN NIGHT</h1>
<p style="text-align: left;margin-left: 32%;">Introducing the $20 Fill Up Box - a shareable box filled with so much more than you expected</p>
<br><br>
<a href="" id="ordernow" style="margin-left: 32%;margin-top: 20px;">Order now</a>
</div>
<div class="hero-img">
<img src="./Desktop__20_Fill_up.jpg" alt="" style="background-size: cover;width: 100%; height: 380px;margin-right: -30%;">
</div>
</div>
<div class="info_box">
<p>Prices and participation may vary. Taxes, tips and fees extra. Offer not available on third party ordering websites/apps. Includes: 12 nuggets, 4 pcs chicken, 2 ind. fries, 4 biscuits, 4 sauce. No substitutions. Mobile ordering available at participating KFC.</p>
</div>
<section id="offers">
<div class="heading-title">
<h1>SPECIAL OFFERS</h1>
<a href="" style="text-decoration: underline;">Full menu <i class="fa-solid fa-caret-right"></i></a>
</div>
<div class="cards" >
<a href="">
<div class="card">
<center>
<img src="https://digitaleat.kfc.com/menus/image/bare/kfc-new8pcTenders-OnlineDeal?q=75" width="350px" alt="">
<div class="food-info">
<p>8 pc. Tenders Only</p>
<p>calories: 3120-3600</p>
<span>Set location for pricing.</span>
</div>
</center>
</div>
</a>
<a href="">
<div class="card">
<center>
<img src="https://digitaleat.kfc.com/menus/image/bare/kfc-8PcBucketv2-OnlineDeal?q=75" width="350px" alt="">
<div class="food-info">
<p>8 pc. Chicken Only</p>
<p>Calories: 920-2300</p>
<span>Set location for pricing.</span>
<div>
</center>
</div>
</a>
<a href="">
<div class="card">
<center>
<img src="https://digitaleat.kfc.com/menus/image/bare/kfc-FillUpBox?q=75" width="350px" alt="">
<div class="food-info">
<p>Fill Up Box</p>
<p>calories: 2600-3630</p>
<span>Set location for pricing.</span>
</div>
</center>
</div>
</a>
<a href="">
<div class="card">
<center>
<img src="https://digitaleat.kfc.com/menus/image/bare/kfc-UltBBQSandwich?q=75" width="350px" alt="">
<div class="food-info">
<p>Ultimate BBQ Fried Chicken Sandwich</p>
<p>Calories: 770</p>
<span>Set location for pricing</span>
</div>
</center>
</div>
</a>
</div>
</section>
<section id="learn-more">
<div class="learn-more-container">
<div class="title1">
<h2>FINGER LICKIN' GOOD® IS NOW JUST A FEW CLICKS AWAY</h2>
<button id="order1">Start Order</button>
</div>
<center>
<div class="title-content">
<div id="stripe">
<div class="stripes"></div>
<div class="stripes"></div>
<div class="stripes"></div>
</div>
<h3 style="color: white;">OUR FOOD</h3>
<p style="color: white;">WE MAKE IT THE <br> HARD WAY</p>
<span style="color: white; font-weight: 100;">See what goes into making our world famous fried chicken.</span>
<br>
<button id="dark">Learn More</button>
<br><br><br><br>
<img src="https://images.ctfassets.net/9tka4b3550oc/1FQSRLVXt2Q1lvXXkOyW6U/f306561ef7bfc5ab7c84a739a46d3629/Food_09.png?q=75&w=1280" width="600px">
</center>
</div>
</div>
<div class="signup">
<div class="sign-me-up" style="background-color: #F8F6F4;">
<div class="sign-left">
<h2 style="font-size: 50px;">UNLOCK MORE FINGER</h2>
<h2 style="font-size: 50px;">LICKIN' GOOD</h2>
<h2 style="font-size: 50px;">BENEFITS</h2>
<h4 style="color: black; font-weight: 100;">Create an account to get access to great deals and faster <br>checkout.</h4>
<button id="dark">Sign me up!</button>
</div>
<div class="sign-right">
<img src="./Screenshot 2023-08-02 023030.jpg" alt="">
</div>
</div>
</div>
<div class="footer" style="background-color: #202124;">
<p style="color: white;" class="calorie">Calorie Statement</p>
<p>2,000 calories a day is used for general nutrition advice, but calorie needs vary. Additional nutrition information available upon request in-store and on kfc.com. Prices, participation, and product availability may vary. For allergen information, visit our Special Diets page. We prepare and serve products containing egg, milk, soy, wheat or other allergens. Our products are prepared on shared equipment and in the same kitchen area and we cannot guarantee that cross contact with allergens will not occu</p>
<br>
<p>Pepsi, Pepsi Globe, Mtn Dew, Mtn Dew Sweet Lightning, Starry are registered trademarks of PepsiCo, Inc.
Dr Pepper is a registered trademark of Dr Pepper/Seven Up, Inc.</p>
<br>
<p>CAPRI-SUN® and the Pouch Shape™ are licensed trademarks of the Capri Sun Group</p>
</div>
</section>
</body>
</html>