This repository was archived by the owner on Apr 12, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmenu.html
More file actions
314 lines (299 loc) · 15.8 KB
/
Copy pathmenu.html
File metadata and controls
314 lines (299 loc) · 15.8 KB
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
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<title>Menu | Emily's Diner</title>
<script type="text/javascript" src="js/jquery-3.2.0.min.js"></script>
<!-- link to javascript boostrap framework -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/custom.css" rel="stylesheet">
</head>
<body>
<header>
<div class="container">
<h1 class="col-xs-12"> <strong>M</strong>enu</h1>
</div>
</header>
<nav class="navbar">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="true" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<strong><a class="navbar-brand">Emily's Diner</a></strong>
</div>
<div id="navbar" class="collapse navbar-collapse in" aria-expanded="true">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="menu.html">Our Menu</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="catering.html">Emily's Catering</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<div id="food">
<section id="entrees">
<h2>Entrées<small> the best part of every meal</small></h2>
<div class="row">
<article class="col-md-3">
<img src="images/entree1.jpg" class="thumbnail"/>
<h3>Burgers</h3>
<p>Our all-time classic. All our hamburgers are made with fresh meat to your specifications and we baked our rolls every morning. Our menu includes premade burgers as well as the option to create your own. Whether you like fancy, gourmet burgers or simple burger and bun sandwiches, we have a burger for your tastes.
</p>
<a class="btn" role="button" data-toggle="collapse" href="#burgers" aria-expanded="false" aria-controls="collapseExample">
View More
</a>
<div class="collapse" id="burgers">
<h3>Coming Soon</h3>
</div>
</article>
<article class="col-md-3">
<img src="images/entree2.jpg" class="thumbnail" />
<h3>Pizza</h3>
<p>Who doesn't like pizza? We've taken this easy to eat delicasy to a new level by adding only the freshest ingrediants, the best homemade sauces, and perfectly cooked crusts. Try a new combination everytime or go back to your favorite. As long as we have the ingredient in house, we will add it...as long as it's not pineapple.
</p>
<a class="btn" role="button" data-toggle="collapse" href="#pizza" aria-expanded="false" aria-controls="collapseExample">
View More
</a>
<div class="collapse" id="pizza">
<h3>Coming Soon</h3>
</div>
</article>
<article class="col-md-3">
<img src="images/entree3.jpg" class="thumbnail" />
<h3>Chicken Fingers</h3>
<p>A child favorite, chicken fingers will always be one of our favorites to make and serve. This simple and delicious meal will make your kiddo, or you, happy. All our chicken fingers are hand-tossed and made to order.
</p>
<a class="btn" role="button" data-toggle="collapse" href="#chicken" aria-expanded="false" aria-controls="collapseExample">
View More
</a>
<div class="collapse" id="chicken">
<h3>Coming Soon</h3>
</div>
</article>
<article class="col-md-3">
<img src="images/entree4.jpg" class="thumbnail"/>
<h3>Spaghetti</h3>
<p>Spaghetti is a wonderful pick-me-up food after a bad day, or a long week, and ours is no exception. With pasta made in house daily, you cannot go wrong. Our chefs know the perfect recipe for getting the best response out of your taste buds. And if we make your week with a pasta dish, well that's just a bonus.
</p>
<a class="btn" role="button" data-toggle="collapse" href="#spaghetti" aria-expanded="false" aria-controls="collapseExample">
View More
</a>
<div class="collapse" id="spaghetti">
<h3>Coming Soon</h3>
</div>
</article>
</div><!-- row 1-->
<div class="row">
<article class="col-md-4">
<img src="images/entree5.jpg" class="thumbnail" />
<h3>Soup</h3>
<p>Feeling under the weather? Come in for some home-made soup. With so many on the menu, and our handed-down recipes, you're sure to find one that reminds you of the soup your mom made. If your mom didn't make soup, well... we make really good soup.
</p>
<a class="btn" role="button" data-toggle="collapse" href="#soup" aria-expanded="false" aria-controls="collapseExample">
View More
</a>
<div class="collapse" id="soup">
<h3>Coming Soon</h3>
</div>
</article>
<article class="col-md-4">
<img src="images/entree6.jpg" class="thumbnail" />
<h3>Lasagne</h3>
<p>The dish that put us on the map. Our very first regular always ordered the lasagne and said it reminded him of being a kid. We've improved our recipe since then, adding more spices and getting creative with cheese, but the feeling stays the same.
</p>
<a class="btn" role="button" data-toggle="collapse" href="#lasagne" aria-expanded="false" aria-controls="collapseExample">
View More
</a>
<div class="collapse" id="lasagne">
<h3>Coming Soon</h3>
</div>
</article>
<article class="col-md-4">
<img src="images/entree7.jpg" class="thumbnail" />
<h3>Chicken</h3>
<p>So many ways to cook chicken but our favorite is fried. Made to order so you can guarentee a crispy skin. We also have grilled, or seared, or just plain cooked. We'll even prepare it with milk, though it's probably not as good as steak.
</p>
<a class="btn" role="button" data-toggle="collapse" href="#chicken" aria-expanded="false" aria-controls="collapseExample">
View More
</a>
<div class="collapse" id="chicken">
<h3>Coming Soon</h3>
</div>
</article>
</div><!-- row 2 -->
<!-- add more rows-->
</section>
<section id="sides">
<h2>Sides<small> because we all love more food</small></h2>
<div class="row">
<article class="col-md-3">
<img src="images/side1.jpg" class="thumbnail" />
<h3>Cheese</h3>
<p>A classic cheese plate goes with every dish. You can choose your favorite cheese, one you've never heard of, or sample a range of our favorite cheeses. One is bound to be <strong>Gouda</strong>. ...See what we did there?
</p>
<a class="btn" role="button" data-toggle="collapse" href="#cheese" aria-expanded="false" aria-controls="collapseExample">
View More
</a>
<div class="collapse" id="cheese">
<h3>Coming Soon</h3>
</div>
</article>
<article class="col-md-3">
<img src="images/side2.jpg" class="thumbnail" />
<h3>Bread</h3>
<p>Becuase everyone loves bread. We even have gluten-free bread. With everything from garlic bread to rolls to breadsticks, we have every option. And we have an endless option because we know you'll eat more than the entrée.
</p>
<a class="btn" role="button" data-toggle="collapse" href="#bread" aria-expanded="false" aria-controls="collapseExample">
View More
</a>
<div class="collapse" id="bread">
<h3>Coming Soon</h3>
</div>
</article>
<article class="col-md-3">
<img src="images/side3.jpg" class="thumbnail" />
<h3>French Fries</h3>
<p>Served with all of our burgers, unless you request otherwise, because there is no other way to eat a burger...or french fries. Whether you smother them in ketchup, mustered, mayonnaise, or eat them with a fork. We know our french fries will satisfy your craving for vegetables.
</p>
<a class="btn" role="button" data-toggle="collapse" href="#fries" aria-expanded="false" aria-controls="collapseExample">
View More
</a>
<div class="collapse" id="fries">
<h3>Coming Soon</h3>
</div>
</article>
<article class="col-md-3">
<img src="images/side4.jpg" class="thumbnail" />
<h3>Fried Pickles</h3>
<p> So good you may want to order more than one for the table. Seriously, we've seen families in fights over these. Hand tossed and made to order with dill pickles, served with your choice, or choices, of sauce.
</p>
<a class="btn" role="button" data-toggle="collapse" href="#pickles" aria-expanded="false" aria-controls="collapseExample">
View More
</a>
<div class="collapse" id="pickles">
<h3>Coming Soon</h3>
</div>
</article>
</div><!-- row 1-->
<!-- add more rows-->
</section>
<section id="desserts">
<h2>Desserts<small> the only way to end a meal</small></h2>
<div class="row">
<article class="col-md-4">
<img src="images/dessert1.jpg" class="thumbnail" />
<h3>Pie</h3>
<p>The best diner food around. Any pie at any diner will be delicious but our is definetly the best. Made with fresh berries and fruites, our pies rotate through the year depending on what friuts are in season, so you know you are getting the best quality.
</p>
<a class="btn" role="button" data-toggle="collapse" href="#pie" aria-expanded="false" aria-controls="collapseExample">
View More
</a>
<div class="collapse" id="pie">
<h3>Coming Soon</h3>
</div>
</article>
<article class="col-md-4">
<img src="images/dessert2.jpg" class="thumbnail" />
<h3>Cupcakes</h3>
<p>Our very first dessert, cupcakes are our favorite thing to make. We have our classics all the time but each week we introduce a different "Cupcake of the Week". We love trying new flavors and seeing what our customers enjoy. If you have a flavor combination that you think would be amazing, let us know and we will give it a try!
</p>
<a class="btn" role="button" data-toggle="collapse" href="#cupcake" aria-expanded="false" aria-controls="collapseExample">
View More
</a>
<div class="collapse" id="cupcake">
<h3>Coming Soon</h3>
</div>
</article>
<article class="col-md-4">
<img src="images/dessert3.jpg" class="thumbnail" />
<h3>Ice Cream <small> for adults</small></h3>
<p >Our ice cream is made fresh with cream from our local farmers. While we do have the traditional options for ice cream, we also have a few flavors made with Bailey's Irish Cream...because why not?
</p>
<a class="btn" role="button" data-toggle="collapse" href="#adult-ice-cream" aria-expanded="false" aria-controls="collapseExample">
View More
</a>
<div class="collapse" id="adult-ice-cream">
<h3>Coming Soon</h3>
</div>
</article>
</div><!-- row 1-->
<div class="row">
<article class="col-md-4">
<img src="images/dessert4.jpg" class="thumbnail" />
<h3>Fruit Plates</h3>
<p>We offer seasonal fruit plates that offer the freshest fruit at the peak of their season. The fruit plate is most popular in the summmer, and most choose to get the fruit with a side of our homemade whipped cream or some vanilla ice cream or yogurt. We also put it in the middle of the two ice cream options becuase we know most people will skip right over it.
</p>
<a class="btn" role="button" data-toggle="collapse" href="#fruit" aria-expanded="false" aria-controls="collapseExample">
View More
</a>
<div class="collapse" id="fruit">
<h3>Coming Soon</h3>
</div>
</article>
<article class="col-md-4">
<img src="images/dessert5.jpg" class="thumbnail" />
<h3>Ice Cream<small> for kids</small></h3>
<p>These fun sundaes are made with our homemade ice cream and covered with toppings. Kids have the option of making their own sundae from our list of toppings and ice creams or choosing a pre-made one, such as our "Monster Mash" sundae shown above. Adults can of course order these too.
</p>
<a class="btn" role="button" data-toggle="collapse" href="#kids-ice-cream" aria-expanded="false" aria-controls="collapseExample">
View More
</a>
<div class="collapse" id="kids-ice-cream">
<h3>Coming Soon</h3>
</div>
</article>
<article class="col-md-4">
<img src="images/dessert6.jpg" class="thumbnail" />
<h3>Cheesecake</h3>
<p>A classic dessert, we offer multiple flavors for our New York style cheesecake. We have mini cheesecakes, individual slices, or you can buy a whole cheesecake to share... or not. We have a limited number of whole ones made for the day and we also make them to order, so if you need one for a party, we suggest calling ahead.
</p >
<a class="btn" role="button" data-toggle="collapse" href="#cheesecake" aria-expanded="false" aria-controls="collapseExample">
View More
</a>
<div class="collapse" id="cheesecake">
<h3>Coming Soon</h3>
</div>
</article>
</div><!-- row 2 -->
<!-- add more rows-->
</section>
</div><!--food div -->
<footer>
<p class="col-md-8">
Copyright © 2017 All rights reserved
</p>
<div class="col-md-4 social_media">
<a href="http://www.facebook.com">
<img src="images/facebook.jpg" />
</a>
<a href="http://twitter.com">
<img src="images/twitter.jpg" />
</a>
<a href="http://instagram.com">
<img src="images/insta.jpg" />
</a>
</div> <!--col-xs-4 social_media -->
</footer>
</div> <!--container-->
</body>
<div id="coFrameDiv" style="height:0px;display:none;">
<iframe id="coToolbarFrame" src="chrome-extension://cjabmdjcfcfdmffimndhafhblfmpjdpe/toolbar/placeholder.html" style="height: 0px; width: 100%; display: none;"></iframe>
</div>
</html>