-
Notifications
You must be signed in to change notification settings - Fork 94
/
Copy pathindex.html
208 lines (124 loc) · 5.72 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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Louie's Pizza - 271 Clay St. Louiville, KY</title>
<meta name="description" content="Louie's Pizza Website">
<meta name="author" content="Don Hansen/Ernesto Ramos/Code Louiville">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--Insert Style Sheet Here-->
<link rel="stylesheet" href="css/styles.css" />
<!-- Insert Google Fonts Here -->
<link rel="stylesheet" href="css/fonts.css" />
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<!-- Header -->
<header id="masthead" class="site-header" role="banner">
<div class="wrap">
<div class="section group">
<div class="col span_1_of_2">
<a href="#"><img src="img/louies-logo.svg" alt="Louie's Pizza logo and tagline" class="nav-logo"></a>
</div>
<div class="col span_1_of_2">
<nav class="main-nav" id="main-nav" role="navigation">
<ul>
<li><a href="#">Welcome</a></li>
<li><a href="#">History</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</div>
</div>
<div class="hero-text span_2_of_2">
<h1>World's Favorite Pizza!</h1>
<p>Located on Clay Street, in NuLu, Louie’s Pizza is part of one of Louisville’s most lively neighborhoods. In close proximity to Downtown and near Washington Park, our NuLu pizzeria has a cool atmosphere suited for anyone looking to find a spot to hang out.</p>
<a href="#" class="hero-button">View Menu</a>
</div>
</div>
</header>
<!-- HEADER -->
<!-- WELCOME -->
<section id="welcome" class="welcome" name="menu">
<div class="wrap">
<div class="section group">
<div class="col span_2_of_2">
<h2>Welcome to <span class="red">Louie's</span></h2>
<p>Enjoy the old-school ambiance, original wooden booths sentimentally etched by our loyal customers, the black and white art deco floors worn by time, turn of the century tin ceilings and faded murals tell tale of a bygone era. Sit back, relax, enjoy the smell of simmering tomatoes and hot pizza, feel the warmth and camaraderie, hear the laughter and conversation of happy diners and you feel like you are home again, somewhere familliar, comfortable, affordable, family centered and “ORIGINAL”.</p>
</div>
</div>
</div>
</section>
<!-- WELCOME -->
<!--Email -->
<section id="nwsltr" class="nwsltr">
<div class="wrap">
<div class="section group">
<h2>Join Louie's List today, and get a free slice!</h2>
<form action="/#my-handling-form-page" method="post">
<label class="nwsltr-label">Email</label>
<input class="nwsltr-input" type="email" placeholder="jsmith@gmail.com" id="email-field">
<button class="nwsltr-btn" type="submit" >Send Comment</button>
</form>
<p class="small-txt" style="clear: both;">We promise not to SPAM you, unless you want it on your pie! Data charges may apply if your still using dial-up or AOL.</p>
</div>
</div>
</section>
<!--Email -->
<!-- HISTORY -->
<section id="history" class="history" name="history">
<div class="wrap">
<div class="section group">
<div class="col span_1_of_2">
<h2>Louie's History</h2>
<p>Louie’s was founded in 1929 by Italian immigrant Louie Bianchi. Louie’s was Originally established on Main Street, in the Heart of Louisville. After losing his lease on Main Street, Louie Bianchi dismantled his original coal fired brick oven and moved it to 271 Clay Street where he continued to run and grow his business and refine his pizza recipe to perfection.</p>
<p>Bianchi ran his business until 1954 when he sold the pizzeria to the Romano Brothers. Augustine Romano bought the business from his brothers and he continued to own and operate Louie’s pizzeria until he passed away in 1984, passing his legacy on.</p>
</div>
<div class="col span_1_of_2 text-center">
<img src="img/louie-photo.png" alt="Vintage picture of Louie standing in front of original store." class="align-right">
</div>
</div>
</div></section>
<!-- HISTORY -->
<!-- MENU -->
<section id="menu" class="menu" name="menu">
<div class="wrap">
<div class="section group">
<h2><span class="red">Louie's</span> Menu</h2>
<p>The “Hallmarks” of Louie’s of Clay St. are the coal fired brick ovens that churn out hundreds of crispy pizza’s daily. It’s a different world than it was in 1929, but we are still making the same traditional coal fired pizza in the oven that started it all back on Main Street.</p>
</div>
<div id="foodcontainer">
<!--Food Menu should go here -->
</div>
</div>
</section>
<!-- MENU -->
<!-- DRINKS & COCKTAILS -->
<section id="drinks" class="drinks">
</section>
<!-- DRINKS & COCKTAILS -->
<!-- CONTACT -->
<section id="contact" class="contact" name="contact">
</section>
<!-- CONTACT -->
<!-- MAP -->
<section id="map" class="map">
</section>
<!-- MAP -->
<footer>
<div class="wrap">
<div class="section group">
<div class="col span_1_of_2 text-left">
© Copyright 2016 Louie’s Pizza
</div>
<div class="col span_1_of_2 text-right">
<a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a>
</div>
</div>
</div></footer>
<!--Include JavaScript Here -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="js/app.js" type="text/javascript" ></script>
</body>
</html>