-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
84 lines (48 loc) · 2.45 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
<!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">
<title>Modulo 3 Resolution</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">
<h1>Food, LLC</h1>
<button type="button" class="navbar-toggle collapsed" 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 navbar-right">
<li>Chicken</li>
<li><br class="hidden-md hidden-xs hidden-lg hidden-sm">Beef</li>
<li>Sushi</li>
</ul><!-- #nav-list -->
</div><!-- .collapse .navbar-collapse -->
</div><!-- .container -->
</nav>
</header>
<div class="container">
<h1 class="title">Our Menu</h1>
</div>
<div class="container">
<div class="text">
<h2 class="title">Chicken</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque convallis luctus consequat. Donec vel blandit diam. Suspendisse nibh lacus, dictum id magna nec, tincidunt ultrices urna. Etiam non pulvinar massa. Suspendisse eleifend dolor et finibus venenatis. Aliquam porttitor turpis ut pellentesque malesuada. In blandit mollis porttitor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque convallis luctus consequat. Donec vel blandit diam. Suspendisse nibh lacus, dictum id magna nec, tincidunt ultrices urna. Etiam non pulvinar massa. Suspendisse eleifend dolor et finibus venenatis. Aliquam porttitor turpis ut pellentesque malesuada. In blandit mollis porttitor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</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>