-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
113 lines (103 loc) · 3.87 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
<!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>Module 3 Assignment</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<header id="top">
<nav id="header-nav" class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">Food, LLC</a>
<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>
<a href="#chicken">Chicken</a>
</li>
<li>
<a href="#beef">Beef</a>
</li>
<li>
<a href="#sushi">Sushi</a>
</li>
</ul>
<!-- #nav-list -->
</div>
<!-- .collapse .navbar-collapse -->
</div>
<!-- .container -->
</nav>
<!-- #header-nav -->
</header>
<div id="main-content" class="container">
<h2 class="text-center">Our Menu</h2>
<div class="row">
<section id="chicken" class="col-md-4 col-lg-4 col-sm-6 col-xs-12">
<div class="content-cell">
<h3 class="text-center">Chicken</h3>
<p>
The chicken is a domesticated fowl, a subspecies of the red
junglefowl. As one of the most common and widespread domestic
animals, with a population of more than 19 billion in 2011, there
are more chickens in the world than any other species of bird or
domestic animal.
</p>
<a href="#top">Back To Top</a>
</div>
</section>
<!-- Chicken -->
<section id="beef" class="col-md-4 col-lg-4 col-sm-6 col-xs-12">
<div class="content-cell">
<h3 class="text-center">Beef</h3>
<p>
Beef is meat from full-grown cattle about 2 years old. A live
steer weighs about 1,000 pounds and yields about 450 pounds of
edible meat. There are at least 50 breeds of beef cattle, but
fewer than 10 make up most cattle produced. Some major breeds are
Angus, Hereford, Charolais, and Brahman.
</p>
<a href="#top">Back To Top</a>
</div>
</section>
<!-- Beef -->
<section id="sushi" class="col-md-4 col-lg-4 col-sm-12 col-xs-12">
<div class="content-cell">
<h3 class="text-center">Sushi</h3>
<p>
Sushi is a Japanese dish of prepared vinegared rice, usually with
some sugar and salt, a variety of ingredients, such as seafood —
often raw — and vegetables. Styles of sushi and its presentation
vary widely, but the one key ingredient is "sushi rice", also
referred to as shari, or sumeshi.
</p>
<a href="#top">Back To Top</a>
</div>
</section>
<!-- Sushi -->
</div>
<!-- .row -->
</div>
<!-- #main-content -->
<!-- jQuery (Bootstrap JS plugins depend on it) -->
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>