-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathabout.html
64 lines (60 loc) · 3.22 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pizza Spot</title>
<link href="https://fonts.googleapis.com/css?family=Montserrat:500,700|Mr+Dafoe|Roboto:400,700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/styles.css">
<script src="js/jquery-3.4.1.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.all.min.js"
integrity="sha256-VkcwHXtZS2ZHfHSFSP8r1AzueZi37jGMPeHv4OfV1Cg=" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://kit.fontawesome.com/416fea9e90.js" crossorigin="anonymous"></script>
<script src="js/bootstrap.js"></script>
<script src="sweetalert2.min.js"></script>
<link rel="stylesheet" href="sweetalert2.min.css">
<script src="js/scripts.js"></script>
</head>
<body style="overflow: auto;">
<div id="about-bg" class="position-fixed vh-100 vw-100"></div>
<nav class="navbar navbar-expand-md navbar-dark align-content-center">
<a class="navbar-brand" href="index.html">
<img id="logo" src="assets/logo.png">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon p-0 m-0"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="collapsibleNavbar">
<ul class="navbar-nav text-right pr-2">
<li class="nav-item"><a href="index.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="contact.html" class="nav-link">Contact</i></a></li>
<li id="cart" class="nav-item ml-4"><a href="cart.html" class="nav-link"><span id="cart-num"
class="mr-2 font-weight-bold"></span><i class="fas fa-shopping-cart"></i></a></li>
</ul>
</div>
</nav>
<div class="container">
<div class="jumbotron mx-auto bg-transparent text-left w-100">
<h1 class="font-weight-bold mx-auto mb-4">Serving the best pizzas since 2007.</h1>
<p class="lead text-white text-shadow">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Risus in hendrerit gravida rutrum quisque non tellus orci
ac. Sed pulvinar proin gravida hendrerit lectus a. Pellentesque diam volutpat commodo sed egestas egestas
fringilla phasellus. Leo a diam sollicitudin tempor id eu nisl nunc. Duis ut diam quam nulla porttitor massa.
</p>
</div>
</div>
<div class="container">
<div class="jumbotron w-100 mx-auto bg-transparent">
<h1 class="font-weight-bold text-left">Here is where you'll find us.</h1>
<div class="container-fluid p-0">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1552.765909838821!2d36.78375468231014!3d-1.3004808360099789!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x182f1a6bf7445dc1%3A0x940b62a3c8efde4c!2sMoringa%20School!5e0!3m2!1sen!2ske!4v1582992240822!5m2!1sen!2ske"
allowfullscreen=""></iframe>
</div>
</div>
</div>
</body>
</html>