-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
97 lines (87 loc) · 4.93 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
<!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.0">
<title>module3-solution</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-#908D8C">
<a class="navbar-brand" href="index.html">Food, LLC</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="naNavbarv">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#"> <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item ">
<a class="nav-link" href="#Chicken">Chicken </a>
</li>
<li class="nav-item">
<a class="nav-link" href="#Beef">Beef</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#Sushi">Sushi</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="container container-sm container-md container container-xl">
<h1 class="title-menu">Our Menu</h1>
<div class="box">
<h1 class="menu" id="Chicken">Chicken</h1>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Rerum vitae suscipit ab, sequi vero cumque quasi quas nulla cum id.
Obcaecati adipisci doloribus maiores,
totam doloremque sunt explicabo repellendus maxime.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Vero cupiditate doloremque deleniti iste, quod quos accusantium,
ab reiciendis dolore minus repudiandae sunt,
commodi dolor sed nesciunt consectetur mollitia numquam labore.
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Rerum vitae suscipit ab, sequi vero cumque quasi quas nulla cum id.
Obcaecati adipisci doloribus maiores,
totam doloremque sunt explicabo repellendus maxime.</p>
</div>
<div class="box" id="Beef">
<h1 class="menu">Beef</h1>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Rerum vitae suscipit ab, sequi vero cumque quasi quas nulla cum id.
Obcaecati adipisci doloribus maiores,
totam doloremque sunt explicabo repellendus maxime.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Vero cupiditate doloremque deleniti iste, quod quos accusantium,
ab reiciendis dolore minus repudiandae sunt,
commodi dolor sed nesciunt consectetur mollitia numquam labore.
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Rerum vitae suscipit ab, sequi vero cumque quasi quas nulla cum id.
Obcaecati adipisci doloribus maiores,
totam doloremque sunt explicabo repellendus maxime. </p>
</div>
<div class="box1" id="Sushi">
<h1 class="menu">Sushi</h1>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Rerum vitae suscipit ab, sequi vero cumque quasi quas nulla cum id.
Obcaecati adipisci doloribus maiores,
totam doloremque sunt explicabo repellendus maxime.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Vero cupiditate doloremque deleniti iste, quod quos accusantium,
ab reiciendis dolore minus repudiandae sunt,
commodi dolor sed nesciunt consectetur mollitia numquam labore.
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Rerum vitae suscipit ab, sequi vero cumque quasi quas nulla cum id.
Obcaecati adipisci doloribus maiores,
totam doloremque sunt explicabo repellendus maxime.</p>
</div>
</div>
<script src="js/jquery-3.6.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>