-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
81 lines (73 loc) · 4.56 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
<!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">
<!-- 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>Bootstrap Starter Page</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" 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 class="visible-xs active">
<a href="#chicken"> Chicken</a>
</li>
<li class="visible-xs active">
<a href="#beef"> Beef</a>
</li>
<li class="visible-xs active">
<a href="#sushi"> Sushi</a>
</li>
</ul><!-- #nav-list -->
</div><!-- .collapse .navbar-collapse -->
</div><!-- .container -->
</nav><!-- #header-nav -->
</header>
<div class="container"></div>
<h2 class="text-center">Our menu</h2>
<div class="col-md-6 col-lg-4">
<div id="chicken" class="tiles">
<h3>Chicken</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent luctus lectus ante, non commodo purus rutrum a. Duis sed metus iaculis, volutpat lorem in, imperdiet nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed feugiat a lectus vel mattis. Sed et nibh at purus dictum scelerisque. Donec pretium vitae ipsum mollis ultrices. Quisque eu est nibh. Suspendisse ipsum tortor, viverra aliquet turpis ut, pretium molestie leo. Aliquam pellentesque lectus ut orci auctor, eget cursus massa dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed risus dolor, semper ac lobortis eget, aliquam a magna.</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div id="beef" class="tiles">
<h3>Beef</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent luctus lectus ante, non commodo purus rutrum a. Duis sed metus iaculis, volutpat lorem in, imperdiet nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed feugiat a lectus vel mattis. Sed et nibh at purus dictum scelerisque. Donec pretium vitae ipsum mollis ultrices. Quisque eu est nibh. Suspendisse ipsum tortor, viverra aliquet turpis ut, pretium molestie leo. Aliquam pellentesque lectus ut orci auctor, eget cursus massa dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed risus dolor, semper ac lobortis eget, aliquam a magna.</p>
</div>
</div>
<div class="col-md-12 col-lg-4">
<div id="sushi" class="tiles">
<h3>Sushi</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent luctus lectus ante, non commodo purus rutrum a. Duis sed metus iaculis, volutpat lorem in, imperdiet nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed feugiat a lectus vel mattis. Sed et nibh at purus dictum scelerisque. Donec pretium vitae ipsum mollis ultrices. Quisque eu est nibh. Suspendisse ipsum tortor, viverra aliquet turpis ut, pretium molestie leo. Aliquam pellentesque lectus ut orci auctor, eget cursus massa dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed risus dolor, semper ac lobortis eget, aliquam a magna.</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>