-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
143 lines (123 loc) · 7.02 KB
/
about.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
<!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://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="about.css" />
<title>About</title>
</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 js-scroll-trigger" href="index.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 active js-scroll-trigger" href="about.html">About Us</a></li>
</ul>
</div>
</div>
</nav>
</header>
<div class="container-fluid">
<div class ="row" id ="intro">
<div class="col-12">
<h1>About</h1>
<br>
<br>
<h3>OUR STORY</h3>
<p>David Rushton opened Fun House Pizza on February 11, 1968. We are family
owned and are an independent chain. We have been serving the people of the
Kansas City metro area for over 50 years.</p>
<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>
<div class ="container-fluid">
<div class = "row" id = "info">
<div class ="col-12">
<h3 class = "text-center">OUR PURPOSE</h3>
<p class="text-center">
Our objective has been the same since we first opened our doors. We
want our customers to enjoy great pizza at a family orient location.
A place where families can come together. A place where kids can
celebrate a victory after a local sports event or celebrate at a birthday party.
Parents can sit back and enjoy an ice cold beer to wash down with our delicious
pizza.
</p>
</div>
</div>
<div>
<div class ="container-fluid">
<div class = "row" id ="dailySpecials">
<div class = "col-12">
<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">
<h3 class="text-center">OUR VALUES</h3>
<p class="text-center">
We value tradition here at Fun House Pizza. Not much has changed
since we first opened over 50 years ago and I'm sure that many of
our cutomers like it that way. Loyal customers who grew up visiting
our restaraunt as children are now bringing their children here.
Parents can look back fondly on old times while their kids sit on the
same seats or ride the same mechanical horses as they did as a child.
Our great tasting pizza is still hand made and cooked in the same ovens that they were
over 50 years ago.
</p>
</div>
<div class = "row">
<div class = "col-6">
<h3 class = "text-center">VISIT US</h3>
<i class="fa fa-map-marker" aria-hidden="true"></i>
<address id ="hours">
13002 US-40<br>
Indepence MO. 64055<br>
USA
</address>
<a class = "btn btn-primary btn btn-danger" href ="https://www.google.com/maps/place/Fun+House+Pizza+%26+Pub/@39.0374592,-94.4284178,17z/data=!3m1!4b1!4m5!3m4!1s0x87c0e2f04ec1f2df:0x970317251f8b9c1a!8m2!3d39.0374592!4d-94.4262291" role ="button">GET DIRECTIONS</a>
</div>
<div class = "col-6">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3099.0289577133385!2d-94.42841242051966!3d39.03745917964942!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x87c0e2f04ec1f2df%3A0x970317251f8b9c1a!2sFun%20House%20Pizza%20%26%20Pub!5e0!3m2!1sen!2sus!4v1605998430906!5m2!1sen!2sus" width="400" height="300" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<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>