-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
100 lines (86 loc) · 8.34 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="styles.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<title>Module-3 Solution</title>
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Food,LLC</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active text-center menu"><a href="#chicken">Chicken</a></li>
<li class="active text-center menu"><a href="#beef">Beef</a></li>
<li class="active text-center menu"><a href="#sushi">Sushi</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<h1 class="text-center">Our Menu</h1>
<div class="row .justify-content-center">
<div class="col-md-4 col-sm-6 col-xs-12" id="chicken">
<h3 class="text-center">Chicken</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores obcaecati, fuga nam ipsa rem
incidunt necessitatibus ipsum iusto ea praesentium. Ullam voluptas rem voluptatem iusto, psum vero exercitationem quas quam
nesciunt. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iste iure vel, assumenda sint, similique blanditiis porro labore magnam veritatis inventore non! Modi architecto accusantium dignissimos obcaecati hic quo iusto iste. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Et, nobis culpa molestias cumque iste quam dignissimos voluptates tempora harum commodi rerum aperiam? Accusantium, sed. Ipsam in nostrum nemo obcaecati inventore beatae qui. Voluptatem recusandae necessitatibus est voluptatum asperiores dignissimos, nesciunt libero excepturi, at omnis autem consequuntur officiis harum vero suscipit eligendi blanditiis. Ipsum ab quaerat, doloribus deleniti eos fuga. Aut facilis mollitia eum tempore eos repellat, deleniti necessitatibus voluptate, vitae aliquid praesentium nostrum soluta doloremque magnam? Voluptatibus assumenda vitae quasi aut molestias, officiis dolor fuga cum. Doloribus at illo nam provident corrupti similique voluptatibus voluptatum qui, sunt nisi, architecto cum non in ipsum esse pariatur voluptas dolores aliquam error suscipit! Eveniet doloribus quo saepe sapiente laudantium vero blanditiis provident commodi cumque vel repellendus accusamus, illo iure aperiam officiis nulla a ipsam odit consequuntur laborum. Debitis dolorum ipsa nulla quas hic minus aspernatur quis autem dolorem perferendis, ad perspiciatis maxime, cupiditate praesentium error voluptatem nam totam culpa. Repellat veniam enim ipsum odit nulla fuga quo fugiat, in officia at obcaecati nostrum aliquam, dignissimos asperiores facere sequi doloremque natus. Earum neque accusamus doloribus ratione, dolorum aut tempora dolorem laudantium! Reprehenderit voluptatum </p>
</div>
<div class="col-md-4 col-sm-6 col-xs-12" id="beef">
<h3 class="text-center">Beef</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores obcaecati, fuga nam ipsa rem
incidunt necessitatibus ipsum iusto ea praesentium. Ullam voluptas rem voluptatem iusto, psum vero exercitationem quas
quam
nesciunt. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iste iure vel, assumenda sint, similique blanditiis
porro labore magnam veritatis inventore non! Modi architecto accusantium dignissimos obcaecati hic quo iusto iste.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Et, nobis culpa molestias cumque iste quam dignissimos
voluptates tempora harum commodi rerum aperiam? Accusantium, sed. Ipsam in nostrum nemo obcaecati inventore beatae qui.
Voluptatem recusandae necessitatibus est voluptatum asperiores dignissimos, nesciunt libero excepturi, at omnis autem
consequuntur officiis harum vero suscipit eligendi blanditiis. Ipsum ab quaerat, doloribus deleniti eos fuga. Aut
facilis mollitia eum tempore eos repellat, deleniti necessitatibus voluptate, vitae aliquid praesentium nostrum soluta
doloremque magnam? Voluptatibus assumenda vitae quasi aut molestias, officiis dolor fuga cum. Doloribus at illo nam
provident corrupti similique voluptatibus voluptatum qui, sunt nisi, architecto cum non in ipsum esse pariatur voluptas
dolores aliquam error suscipit! Eveniet doloribus quo saepe sapiente laudantium vero blanditiis provident commodi cumque
vel repellendus accusamus, illo iure aperiam officiis nulla a ipsam odit consequuntur laborum. Debitis dolorum ipsa
nulla quas hic minus aspernatur quis autem dolorem perferendis, ad perspiciatis maxime, cupiditate praesentium error
voluptatem nam totam culpa. Repellat veniam enim ipsum odit nulla fuga quo fugiat, in officia at obcaecati nostrum
aliquam, dignissimos asperiores facere sequi doloremque natus. Earum neque accusamus doloribus ratione, dolorum aut
tempora dolorem laudantium! Reprehenderit voluptatum</p>
</div>
<div class="col-md-4 col-sm-12 col-xs-12" id="sushi">
<h3 class="text-center">Sushi</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores obcaecati, fuga nam ipsa rem
incidunt necessitatibus ipsum iusto ea praesentium. Ullam voluptas rem voluptatem iusto, psum vero exercitationem quas
quam
nesciunt. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iste iure vel, assumenda sint, similique blanditiis
porro labore magnam veritatis inventore non! Modi architecto accusantium dignissimos obcaecati hic quo iusto iste.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Et, nobis culpa molestias cumque iste quam dignissimos
voluptates tempora harum commodi rerum aperiam? Accusantium, sed. Ipsam in nostrum nemo obcaecati inventore beatae qui.
Voluptatem recusandae necessitatibus est voluptatum asperiores dignissimos, nesciunt libero excepturi, at omnis autem
consequuntur officiis harum vero suscipit eligendi blanditiis. Ipsum ab quaerat, doloribus deleniti eos fuga. Aut
facilis mollitia eum tempore eos repellat, deleniti necessitatibus voluptate, vitae aliquid praesentium nostrum soluta
doloremque magnam? Voluptatibus assumenda vitae quasi aut molestias, officiis dolor fuga cum. Doloribus at illo nam
provident corrupti similique voluptatibus voluptatum qui, sunt nisi, architecto cum non in ipsum esse pariatur voluptas
dolores aliquam error suscipit! Eveniet doloribus quo saepe sapiente laudantium vero blanditiis provident commodi cumque
vel repellendus accusamus, illo iure aperiam officiis nulla a ipsam odit consequuntur laborum. Debitis dolorum ipsa
nulla quas hic minus aspernatur quis autem dolorem perferendis, ad perspiciatis maxime, cupiditate praesentium error
voluptatem nam totam culpa. Repellat veniam enim ipsum odit nulla fuga quo fugiat, in officia at obcaecati nostrum
aliquam, dignissimos asperiores facere sequi doloremque natus. Earum neque accusamus doloribus ratione, dolorum aut
tempora dolorem laudantium! Reprehenderit voluptatum </p>
</div>
</div>
</div>
</body>
</html>