-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
63 lines (60 loc) · 2.66 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KFC Landing Page</title>
<link rel="logo" href="https://www.freepnglogos.com/uploads/kfc-png-logo/worldfest-kfc-png-logo-6.png">
<link rel="stylesheet" href="./style.css">
<!-- <script src="./script.js"></script> -->
</head>s
<body>
<section class="main">
<header>
<a href="#"><img src="./logo.png" class="logo"></a>
<ul class="navigation">
<li><a href="#">Home</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</header>
<div class="content">
<div class="text">
<h2>Its Finger <br> Lickin <span>Good.</span></h2>
<p>KFC is well known for their "finger lickin' good" slogan. It was first used, along with others, beginning in 1956. It is the current slogan.Upon the corona virus pandemic in 2020, the slogan was temporarily changed to "fork licking good" to discourage the spread of the virus from eating with potentially contaminated hands.</p>
<a href="#" class="btn">Order Now</a>
</div>
<div class="slider">
<div class="slides active">
<img src="./burger_fries.png">
</div>
<div class="slides">
<img src="./french_fries.png">
</div>
<div class="slides">
<img src="./burger.png">
</div>
<div class="slides">
<img src="./fried_chicken.png">
</div>
</div>
</div>
<div class="footer">
<ul class="sci">
<li><a href="#"><ion-icon name="logo-facebook"></ion-icon></a></li>
<li><a href="#"><ion-icon name="logo-twitter"></ion-icon></a></li>
<li><a href="#"><ion-icon name="logo-instagram"></ion-icon></a></li>
</ul>
<div class="prevNext">
<p>Always Fresh</p>
<span class="prev"><ion-icon name="chevron-back-outline"></ion-icon></span>
<span class="next"><ion-icon name="chevron-forward-outline"></ion-icon></span>
</div>
</div>
</section>
<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
<script src="./script.js"></script>
</body>
</html>