-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
59 lines (47 loc) · 4.04 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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css" >
<link rel="stylesheet" href="css/style3.css">
<title>mod-3-Assignment</title>
</head>
<body>
<div class="container">
<nav class="navbar navbar-light nav-css">
<span class="navbar-brand mb-0 h1">Food, LLC</span>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#myMenu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="myMenu">
<ul class="navbar-nav bg-light text-center">
<li class="nav-item"><a class="nav-link" href="#menu1">Chicken</a></li>
<li class="nav-item"><a class="nav-link" href="#menu2">Beef</a></li>
<li class="nav-item"><a class="nav-link" href="#menu3">Sushi</a></li>
</ul>
</div>
</nav>
<h1 class="text-center my-5">Our Menu</h1>
<div class="row ">
<div class="col-xs-12 col-sm-6 col-md-4 item "id="menu1">
<p class="text-center menu-title" >Chicken</p> <p >Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sed ipsa totam iusto blanditiis aliquid laboriosam quae odio dolores accusantium? Eaque odit asperiores beatae temporibus vel placeat iste, explicabo
blanditiis aliquid laboriosam quae odio dolores accusantium? Eaque odit asperiores beatae temporibus vel placeat iste,
blanditiis aliquid laboriosam quae odio dolores accusantium? Eaque odit asperiores beatae temporibus vel placeat iste, explicabo explicabo dolore repellendus! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam molestiae earum dolore dolores sapiente unde inventore perferendis sunt, numquam, fuga aliquam nesciunt. Quos, ipsam corrupti? Inventore nam minima ut esse? ore sunt, numquam, </p> </div>
<div class="col-xs-12 col-sm-6 col-md-4 item " id="menu2"> <p class="text-center menu-title" >Beef</p> <p >Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sed ipsa totam iusto blanditiis aliquid laboriosam quae odio dolores accusantium? Eaque odit asperiores beatae temporibus
blanditiis aliquid laboriosam quae odio dolores accusantium? Eaque odit asperiores beatae temporibus vel placeat iste, explicabo vel placeat iste, explicabo dolore repellendus! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam molestiae earum dolore
blanditiis aliquid laboriosam quae odio dolores accusantium? Eaque odit asperiores beatae temporibus vel placeat iste, explicabo dolores sapiente unde inventore perferendis sunt, numquam, fuga aliquam nesciunt. Quos, ipsam corrupti? Inventore nam minima ut esse ore </p> <a href="#">Back to Top</a> </div>
<div class="col-xs-12 col-sm-12 col-md-4 item" id="menu3" > <p class="text-center menu-title">Sushi</p> <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sed ipsa totam iusto blanditiis aliquid laboriosam quae odio dolores accusantium? Eaque odit asperiores beatae temporibus
blanditiis aliquid laboriosam quae odio dolores accusantium? Eaque odit asperiores beatae temporibus vel placeat iste, explicabo
blanditiis aliquid laboriosam quae odio dolores accusantium? Eaque odit asperiores beatae temporibus vel placeat iste, explicabo vel placeat iste, explicabo dolore repellendus! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam molestiae earum dolore dolores sapiente unde inventore perferendis sunt, numquam, fuga aliquam nesciunt. Quos, ipsam corrupti? Inventore nam minima ut esse? ore </p> </div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="js/jquery-3.3.0.min.js"></script> </script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>