-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
117 lines (117 loc) · 6.89 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fun House Pizza</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Merienda+One&family=Sriracha&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Merienda+One&family=Mukta:wght@300;400;500;600;700;800&family=Sriracha&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="home.css">
</head>
<body>
<header class="masthead img-fluid">
<!-- NAVBAR-->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container-fluid">
<img src="images/funHouseLogo.png" id="logo" class="img-fluid" alt="Fun House logo">
<a class="navbar-brand js-scroll-trigger" href="#page-top"></a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars ml-1"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<!------ SHOW WHICH PAGE IS CURRENTLY ACTIVE BY MOVING THE WORD "ACTIVE" (COMES AFTER THE CLASS "NAV-LINK") TO YOUR PAGE LINK IN THE LIST BELOW-->
<li class="nav-item"><a class="nav-link active js-scroll-trigger" href="home.html">Home</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="menu.html">Menu</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="about.html">About Us</a></li>
</ul>
</div>
</div>
</nav>
<!----------END OF NAVBAR-------->
</header>
<!----------INTRODUCTION SECTION-------->
<div class="container-fluid">
<div id="intro" class="row">
<div class="col-12">
<h1 class="text-uppercase">Welcome</h1>
<h2>to Fun House Pizza!</h2>
<p>We first opened our doors in 1968, and we haven't broken with tradition since. We still follow the same recipes, still use the same ovens, and still make our dough fresh daily. If you haven't visited us, come in and see why our pizza has kept people coming back for over 50 years.</p>
<a class="btn btn-xl" href="about.html">MORE ABOUT US</a>
<img id="starburst1" src="images/starburst2.png" alt="starburst">
<img id="starburst2" src="images/starburst2.png" alt="starburst">
<img id="starburst3" src="images/starburst2.png" alt="starburst">
</div>
</div>
</div>
<!----------INFO SECTION-------->
<div id="info" class="container-fluid text-uppercase">
<div class="row">
<div id="hours" class="col-12 col-md-6">
<h1>Hours</h1>
<p>Monday 11am - 10pm</p>
<p>Tuesday 11am - 10pm</p>
<p>Wednesday 11am - 10pm</p>
<p>Thursday 11am - 10pm</p>
<p>Friday 11am - 11pm</p>
<p>Saturday 11am - 11pm</p>
<p>Sunday 11am - 10pm</p>
</div>
<div id="contact" class="col-12 col-md-6">
<h1>Contact Us</h1>
<img src="images/phoneIcon.png" class="phone" alt="phone icon">
<p>(816) 358-5520</p>
</div>
</div>
</div>
<!----------DAILY SPECIALS SECTION-------->
<div id="dailySpecials" class="container-fluid">
<img id="starburst4" src="images/starburst2.png" alt="starburst">
<img id="starburst5" src="images/starburst2.png" alt="starburst">
<img id="starburst6" src="images/starburst2.png" alt="starburst">
<h1 class="text-center">Our Daily Specials</h1>
<div class="row">
<div id="lunch" class="specials col-12 col-lg-6">
<h2 >Luncheon Specials - $5.59</h2>
<h5>Monday-Friday 11am to 3pm</h5>
<p>Mini Pizza: 6" pizza with three toppings of choice, 16oz soda</p>
<p>Taco Taco Burrito: two tacos and one burrito, hot or mild sauce, 16oz soda</p>
<p>4 tacos: beef tacos with lettuce and cheese, 16oz soda</p>
<p>Taco Burger: burger with taco meat, lettuce, cheese, fries, 16oz soda</p>
<p>Chicken tenders: white meat tenders, fries, 16oz soda</p>
</div>
<div id="nightly" class="specials col-12 col-lg-6">
<h2 >Nightly Specials</h2>
<p>Sunday: 2 medium single topping pizzas - $14.50</p>
<p>Monday: Tacos - 85 cents each after 5pm</p>
<p>Tuesday: Small single topping pizza - $5.99 after 5pm</p>
<p>Wednesday: Large single topping pizza - $12.99 after 5pm</p>
<p>Thursday: Free small plain with a large specialty pizza after 5pm</p>
</div>
<a class="btn btn-xl text-uppercase" href="menu.html">Check Out Our Full Menu</a>
</div>
</div>
<!-- Bootstrap core JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Third party plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<!-- Contact form JS-->
<script src="assets/mail/jqBootstrapValidation.js"></script>
<script src="assets/mail/contact_me.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<footer>
<p>Copyright © <script>document.write(new Date().getFullYear())</script> All Rights Reserved</p>
<ul>
<a href="https://www.facebook.com/FunHousePizzaPub/"><img src="images/facebookLogo.svg" alt="facebook logo"></a>
<a href="https://www.yelp.com/biz/fun-house-pizza-and-pub-independence"><img src="images/yelpLogo.svg" alt="yelp logo"></a>
</ul>
</footer>
</body>
</html>