-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
145 lines (119 loc) · 5.19 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
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
144
145
<!-- Fatte's Pizza of Grover Beach -->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Fatte's Pizza of Grover Beach</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Imports and Frameworks -->
<!-- Font from Google -->
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" />
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body style="padding-top:70px;">
<style>
body {
font-family: "Open Sans";
}
h4 {
color: #ce600c;
}
</style>
<div class="container">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<a href="/">
<img src="slogo.png" class="navbar-brand" style="width:100px;height:80px;padding-top:0px;padding-bottom:0px;padding-right:10px;"/>
</a>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar2">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="navbar2" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown" class="nav-item active">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<h4>
<span class="glyphicon glyphicon-cutlery"></span> Menu
</h4>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="menu.html">Pizza</a></li>
<li><a href="menu.html#wings">Wings</a></li>
<li><a href="menu.html#salad">Salads</a></li>
<li><a href="menu.html#subs">Submarines</a></li>
<li><a href="menu.html#sides">Sides</a></li>
</ul>
</li>
<li class="nav-item">
<a href="https://www.google.com/maps/dir/''/fatte's+pizza+grover+beach+google+maps/data=!4m5!4m4!1m0!1m2!1m1!1s0x80ec5eb7c6c35911:0xc9a7655a3f52af1c?sa=X&ved=0ahUKEwj_862Tz7LZAhVF3WMKHeZ5ClsQ9RcIrwEwCw" target="_blank">
<h4><span class="glyphicon glyphicon-hand-right"></span> Directions</h4></a></li>
<li class="nav-item"><a href="specials.html"><h4><span class="glyphicon glyphicon-piggy-bank"></span> Specials</h4>
<li class="nav-item"><a href="tel:805-489-5555">
<h4><span class="glyphicon glyphicon-earphone"></span> (805) 489-5555</h4></a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
<!--/.container-fluid -->
</nav>
</div>
<!-- End Navbar -->
<!-- ###################################################################### -->
<!-- ### This is where the page content begins ### -->
<!-- ###################################################################### -->
<div class="container text-center">
<h1 style="font-weight:bold" id="pizza">Fatte's Pizza of Grover Beach</h1>
<h4 style="font-weight:bold">Please note this is a menu only, we do NOT have online ordering.</h4>
<h4>We appologize for any incovience, please call us in Grover Beach with the supplied phone number</h4>
<h1 style="font-weight:bold">Two For One Pizzas</h1>
<h4 style="font-style:italic">- Don't forget, we deliver!</h4>
<br>
<div class="row">
<div class="col-sm-4">
<a href="menu.html"><img src="thpizza.jpg" class="img-thumbnail" alt="Pizza"/></a>
<h4 style="font-weight:bold">PIZZA</h4>
<p>Try one of our specialty pizzas or build your own!</p>
</div>
<div class="col-sm-4">
<a href="menu.html#wings"><img src="thwings.jpg" class="img-thumbnail" alt="Hot Wings"/></a>
<h4 style="font-weight:bold">HOT WINGS</h4>
<p>We have chicken wings with dipping sauces!</p>
</div>
<div class="col-sm-4">
<a href="menu.html#sides"><img src="thsodas.jpg" class="img-thumbnail"/></a>
<h4 style="font-weight:bold">SIDES</h4>
<p>Need sodas, breadsticks sauces or sides?</p>
</div>
</div>
<!-- second row -->
<div class="row">
<div class="col-sm-4">
<a href="menu.html#subs"><img src="thsub.jpg" class="img-thumbnail"/></a>
<h4 style="font-weight:bold">SUBMARINES</h4>
<p>Our submarines are amazing.</p>
</div>
<div class="col-sm-4">
<a href="menu.html#salad"><img src="thsalad.jpg" class="img-thumbnail" alt="Salads"/></a>
<h4 style="font-weight:bold">SALADS</h4>
<p>Antipasto and hand tossed salads.</p>
</div>
<div class="col-sm-4">
<a href="specials.html"><img src="thspecial.jpeg" class="img-thumbnail"/></a>
<h4 style="font-weight:bold">SPECIALS</h4>
<p>Family deals and party packs.. plus more!</p>
</div>
</div>
</div>
</body>
</html>