-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
58 lines (57 loc) · 2.42 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
<!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">
<link rel="stylesheet" href="./Style/style.css">
<link rel="shortcut icon" href="./images/fat man.png" type="image/x-icon">
<title>Luigi's Pizza Garden </title>
</head>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5ee663299e5f694422908a06/1fhj2uhoa';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
<body>
<!--Home background section-->
<section class="showcase">
<header>
<h2 class="logo"><a href="#"><img src="./images/logo.png" width="150px" style="border-radius: 2rem; margin: -2em; margin-left: 1rem;"></a></h2>
<div class="toggle "></div>
</header>
<video src="./My Video.mp4" muted loop autoplay></video>
<div class="overlay"></div>
<div class="text">
<h2>Welcome</h2>
<h3>To Luigi's Pizza Garden</h3>
<p>As the leading pizza brand in Kenya, Luigi's pizza inn continues to deliver the best tasting pizza using only the freshest ingredients.
Our slogan, “It must be the Pizza!” captures the reason why friends, colleagues and families come to enjoy our Famous pizzas.</p>
<a href="#" class="btn-animated">Explore</a>
</div>
<ul class="social">
<li><a href="#"><img src="./images/facebook.png" alt=""></a></li>
<li><a href="#"><img src="./images/instagram.png" alt=""></a></li>
<li><a href="#"><img src="./images/twitter.png" alt=""></a></li>
</ul>
</section>
<div class="menu">
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./code.html">News</a></li>
<li><a href="./about-us.html">About</a></li>
<li><a href="./order.html">Order</a></li>
<li><a href="./contact.html">Contact</a></li>
</ul>
</div>
<script src="./js/script.js"></script>
</body>
</html>