-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
112 lines (102 loc) · 14.4 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='https://fonts.googleapis.com/css?family=Oxygen:400,300,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<title>Assignment Solution for Module 3</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header>
<nav id="header-nav" class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<div class="navbar-brand">
<a href="index.html"><h1>Food, LLC</h1></a>
</div>
<button type="button" class="navbar-toggle collapsed visible-xs" data-toggle="collapse" data-target="#collapsable-nav" aria-
expanded="false">
<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="collapsable-nav" class="collapse navbar-collapse">
<ul id="nav-list" class="nav navbar-nav visible-xs">
<li>
<a href="#">
Chicken
</a>
</li>
<li>
<a href="#">
Beef
</a>
</li>
<li>
<a href="#">
Sushi
</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div id="main-content" class="container">
<h2 class="text-center">
Our Menu
</h2>
<div id="home-tiles" class="row">
<div class="col-xs-12">
<h3 class="text-center">Chicken</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum vitae tortor sed interdum. In hac habitasse platea dictumst. Pellentesque consequat posuere risus, at ullamcorper lacus sagittis feugiat. Integer pharetra elementum lorem et scelerisque. In vel nibh neque. Suspendisse faucibus et eros ut pulvinar. Proin rutrum volutpat nisl vehicula lobortis. Etiam dictum elit non diam hendrerit, quis congue ex venenatis. Vivamus non cursus elit. Morbi dictum dignissim lectus, vel semper dui mattis vel. Cras commodo laoreet justo non ornare. Fusce bibendum convallis dolor in vehicula. Integer aliquam volutpat posuere. Fusce iaculis eu ipsum vel faucibus. Duis dolor metus, fermentum vitae euismod eu, condimentum ut nisi.
Donec leo nibh, sodales sit amet lacus vel, volutpat condimentum nibh. Nulla neque magna, dictum et enim vel, venenatis tempor ipsum. Ut sit amet ligula bibendum, ullamcorper turpis a, blandit turpis. Aenean ullamcorper laoreet quam, laoreet dapibus felis vestibulum ac. Proin cursus velit a dolor aliquet, nec auctor leo ultrices. Donec cursus tempor ante. Pellentesque vitae ipsum et augue ornare tempus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce condimentum, nunc vel bibendum sagittis, augue ante ornare leo, cursus dapibus purus libero ut magna. Aenean tortor purus, ornare sed dictum quis, ornare nec velit. Quisque mollis metus ac massa dignissim, non fringilla enim tincidunt. Donec feugiat, arcu vel pulvinar porttitor, metus magna commodo purus, a porta orci magna quis mi. Duis rutrum ullamcorper nisl mollis venenatis. Fusce pretium, urna a eleifend posuere, lacus velit malesuada massa, sit amet efficitur nunc odio et lorem. Nulla eu luctus erat.
Duis sagittis nisi nec lorem varius convallis a luctus nunc. Integer a justo non odio egestas luctus. Nunc tempor tempor est vitae consectetur. Phasellus non luctus neque. Ut a nulla rhoncus, aliquet libero et, feugiat tellus. Pellentesque a diam eget ex sodales cursus. Vivamus felis orci, volutpat id eros non, efficitur auctor mauris.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed eget vestibulum lectus. Etiam augue enim, pellentesque non suscipit eget, venenatis ut quam. In rhoncus convallis justo, quis iaculis enim porta ullamcorper. Nulla facilisi. Maecenas faucibus fringilla dignissim. Curabitur sapien ligula, gravida eu viverra ac, dignissim nec nisl. Fusce turpis leo, varius ut tellus vel, aliquet varius ante. Sed elementum in est ut suscipit
Donec in lectus eu purus tristique rhoncus. Phasellus sodales metus non diam congue faucibus in nec quam. Nam ultricies volutpat eros, vitae blandit ante fermentum sit amet. Praesent nisi ante, rutrum sed nisl a, pretium feugiat massa. Proin vulputate ante sit amet ipsum commodo malesuada. Donec eu dolor eu felis cursus finibus. Fusce a fringilla tellus, vitae dictum nisl. Donec tristique hendrerit lobortis. Etiam elementum lacus at rutrum cursus. Aliquam tristique libero condimentum ante facilisis pharetra. Mauris ut eros eget lacus facilisis imperdiet. Quisque dignissim sem est. Vestibulum et nunc turpis. Aenean nec convallis erat.
Sed vel metus malesuada, auctor quam id, accumsan dolor. Suspendisse eu ultricies massa. Proin iaculis tellus sit amet tortor condimentum, vitae ornare lectus dapibus. Aliquam vitae orci orci. Suspendisse ultrices nisl sed felis dapibus vehicula. Curabitur rhoncus lectus sit amet ligula pulvinar, eu consectetur elit laoreet. Maecenas sed nisl leo. Praesent lacinia nulla id placerat aliquam. Pellentesque non dui arcu. Aliquam vel mauris congue, finibus mauris vitae, euismod elit. In non dolor vehicula, ultrices ex sit amet, dapibus augue. Nam vulputate, nisi et vulputate euismod, odio ex laoreet turpis, sit amet lobortis sem libero id sapien. Sed convallis arcu dui, eget lobortis tortor eleifend ac.
</p>
</div>
<div class="col-xs-12">
<h3 class="text-center">Beef</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum vitae tortor sed interdum. In hac habitasse platea dictumst. Pellentesque consequat posuere risus, at ullamcorper lacus sagittis feugiat. Integer pharetra elementum lorem et scelerisque. In vel nibh neque. Suspendisse faucibus et eros ut pulvinar. Proin rutrum volutpat nisl vehicula lobortis. Etiam dictum elit non diam hendrerit, quis congue ex venenatis. Vivamus non cursus elit. Morbi dictum dignissim lectus, vel semper dui mattis vel. Cras commodo laoreet justo non ornare. Fusce bibendum convallis dolor in vehicula. Integer aliquam volutpat posuere. Fusce iaculis eu ipsum vel faucibus. Duis dolor metus, fermentum vitae euismod eu, condimentum ut nisi.
Donec leo nibh, sodales sit amet lacus vel, volutpat condimentum nibh. Nulla neque magna, dictum et enim vel, venenatis tempor ipsum. Ut sit amet ligula bibendum, ullamcorper turpis a, blandit turpis. Aenean ullamcorper laoreet quam, laoreet dapibus felis vestibulum ac. Proin cursus velit a dolor aliquet, nec auctor leo ultrices. Donec cursus tempor ante. Pellentesque vitae ipsum et augue ornare tempus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce condimentum, nunc vel bibendum sagittis, augue ante ornare leo, cursus dapibus purus libero ut magna. Aenean tortor purus, ornare sed dictum quis, ornare nec velit. Quisque mollis metus ac massa dignissim, non fringilla enim tincidunt. Donec feugiat, arcu vel pulvinar porttitor, metus magna commodo purus, a porta orci magna quis mi. Duis rutrum ullamcorper nisl mollis venenatis. Fusce pretium, urna a eleifend posuere, lacus velit malesuada massa, sit amet efficitur nunc odio et lorem. Nulla eu luctus erat.
Duis sagittis nisi nec lorem varius convallis a luctus nunc. Integer a justo non odio egestas luctus. Nunc tempor tempor est vitae consectetur. Phasellus non luctus neque. Ut a nulla rhoncus, aliquet libero et, feugiat tellus. Pellentesque a diam eget ex sodales cursus. Vivamus felis orci, volutpat id eros non, efficitur auctor mauris.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed eget vestibulum lectus. Etiam augue enim, pellentesque non suscipit eget, venenatis ut quam. In rhoncus convallis justo, quis iaculis enim porta ullamcorper. Nulla facilisi. Maecenas faucibus fringilla dignissim. Curabitur sapien ligula, gravida eu viverra ac, dignissim nec nisl. Fusce turpis leo, varius ut tellus vel, aliquet varius ante. Sed elementum in est ut suscipit
Donec in lectus eu purus tristique rhoncus. Phasellus sodales metus non diam congue faucibus in nec quam. Nam ultricies volutpat eros, vitae blandit ante fermentum sit amet. Praesent nisi ante, rutrum sed nisl a, pretium feugiat massa. Proin vulputate ante sit amet ipsum commodo malesuada. Donec eu dolor eu felis cursus finibus. Fusce a fringilla tellus, vitae dictum nisl. Donec tristique hendrerit lobortis. Etiam elementum lacus at rutrum cursus. Aliquam tristique libero condimentum ante facilisis pharetra. Mauris ut eros eget lacus facilisis imperdiet. Quisque dignissim sem est. Vestibulum et nunc turpis. Aenean nec convallis erat.
Sed vel metus malesuada, auctor quam id, accumsan dolor. Suspendisse eu ultricies massa. Proin iaculis tellus sit amet tortor condimentum, vitae ornare lectus dapibus. Aliquam vitae orci orci. Suspendisse ultrices nisl sed felis dapibus vehicula. Curabitur rhoncus lectus sit amet ligula pulvinar, eu consectetur elit laoreet. Maecenas sed nisl leo. Praesent lacinia nulla id placerat aliquam. Pellentesque non dui arcu. Aliquam vel mauris congue, finibus mauris vitae, euismod elit. In non dolor vehicula, ultrices ex sit amet, dapibus augue. Nam vulputate, nisi et vulputate euismod, odio ex laoreet turpis, sit amet lobortis sem libero id sapien. Sed convallis arcu dui, eget lobortis tortor eleifend ac.
</p>
</div>
<div class="col-xs-12">
<h3 class="text-center">Sushi</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum vitae tortor sed interdum. In hac habitasse platea dictumst. Pellentesque consequat posuere risus, at ullamcorper lacus sagittis feugiat. Integer pharetra elementum lorem et scelerisque. In vel nibh neque. Suspendisse faucibus et eros ut pulvinar. Proin rutrum volutpat nisl vehicula lobortis. Etiam dictum elit non diam hendrerit, quis congue ex venenatis. Vivamus non cursus elit. Morbi dictum dignissim lectus, vel semper dui mattis vel. Cras commodo laoreet justo non ornare. Fusce bibendum convallis dolor in vehicula. Integer aliquam volutpat posuere. Fusce iaculis eu ipsum vel faucibus. Duis dolor metus, fermentum vitae euismod eu, condimentum ut nisi.
Donec leo nibh, sodales sit amet lacus vel, volutpat condimentum nibh. Nulla neque magna, dictum et enim vel, venenatis tempor ipsum. Ut sit amet ligula bibendum, ullamcorper turpis a, blandit turpis. Aenean ullamcorper laoreet quam, laoreet dapibus felis vestibulum ac. Proin cursus velit a dolor aliquet, nec auctor leo ultrices. Donec cursus tempor ante. Pellentesque vitae ipsum et augue ornare tempus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce condimentum, nunc vel bibendum sagittis, augue ante ornare leo, cursus dapibus purus libero ut magna. Aenean tortor purus, ornare sed dictum quis, ornare nec velit. Quisque mollis metus ac massa dignissim, non fringilla enim tincidunt. Donec feugiat, arcu vel pulvinar porttitor, metus magna commodo purus, a porta orci magna quis mi. Duis rutrum ullamcorper nisl mollis venenatis. Fusce pretium, urna a eleifend posuere, lacus velit malesuada massa, sit amet efficitur nunc odio et lorem. Nulla eu luctus erat.
Duis sagittis nisi nec lorem varius convallis a luctus nunc. Integer a justo non odio egestas luctus. Nunc tempor tempor est vitae consectetur. Phasellus non luctus neque. Ut a nulla rhoncus, aliquet libero et, feugiat tellus. Pellentesque a diam eget ex sodales cursus. Vivamus felis orci, volutpat id eros non, efficitur auctor mauris.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed eget vestibulum lectus. Etiam augue enim, pellentesque non suscipit eget, venenatis ut quam. In rhoncus convallis justo, quis iaculis enim porta ullamcorper. Nulla facilisi. Maecenas faucibus fringilla dignissim. Curabitur sapien ligula, gravida eu viverra ac, dignissim nec nisl. Fusce turpis leo, varius ut tellus vel, aliquet varius ante. Sed elementum in est ut suscipit
Donec in lectus eu purus tristique rhoncus. Phasellus sodales metus non diam congue faucibus in nec quam. Nam ultricies volutpat eros, vitae blandit ante fermentum sit amet. Praesent nisi ante, rutrum sed nisl a, pretium feugiat massa. Proin vulputate ante sit amet ipsum commodo malesuada. Donec eu dolor eu felis cursus finibus. Fusce a fringilla tellus, vitae dictum nisl. Donec tristique hendrerit lobortis. Etiam elementum lacus at rutrum cursus. Aliquam tristique libero condimentum ante facilisis pharetra. Mauris ut eros eget lacus facilisis imperdiet. Quisque dignissim sem est. Vestibulum et nunc turpis. Aenean nec convallis erat.
Sed vel metus malesuada, auctor quam id, accumsan dolor. Suspendisse eu ultricies massa. Proin iaculis tellus sit amet tortor condimentum, vitae ornare lectus dapibus. Aliquam vitae orci orci. Suspendisse ultrices nisl sed felis dapibus vehicula. Curabitur rhoncus lectus sit amet ligula pulvinar, eu consectetur elit laoreet. Maecenas sed nisl leo. Praesent lacinia nulla id placerat aliquam. Pellentesque non dui arcu. Aliquam vel mauris congue, finibus mauris vitae, euismod elit. In non dolor vehicula, ultrices ex sit amet, dapibus augue. Nam vulputate, nisi et vulputate euismod, odio ex laoreet turpis, sit amet lobortis sem libero id sapien. Sed convallis arcu dui, eget lobortis tortor eleifend ac.
</p>
</div>
</div>
</div>
<!-- jQuery (Bootstrap JS plugins depend on it) -->
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>