-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
51 lines (49 loc) · 12.1 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Assignment 3</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<nav class="navbar navbar-expand-sm">
<div class="container-fluid">
<a class="navbar-brand" href="#">Food, LLC</a>
<button class="navbar-toggler d-block d-sm-none" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse d-sm-none visible-xs-only" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item text-center">
<a class="nav-link" aria-current="page" href="#Chicken">Chicken</a>
</li>
<li class="nav-item text-center">
<a class="nav-link" href="#Beef">Beef</a>
</li>
<li class="nav-item text-center">
<a class="nav-link" href="#Sushi">Sushi</a>
</li>
</ul>
</div>
</div>
</nav>
<h1 class="text-center mb-5">Our Menu</h1>
<div class="container">
<div class="col-xs-12 mx-5 mb-5 description-box" id="Chicken">
<h4 class="text-center mb-2">Chicken</h4>
<p class="px-4">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit aliquam laudantium cum. Repellat delectus eligendi magnam aspernatur autem obcaecati sunt dolorum molestias voluptas, provident modi voluptate maiores accusantium totam fugiat?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic pariatur sit obcaecati beatae at, aspernatur aliquid alias ipsam voluptates, cum maxime laborum doloribus nihil. Non laboriosam aut culpa commodi autem?Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda minus repudiandae nesciunt eligendi hic recusandae accusamus blanditiis explicabo iure, dicta maxime est modi ullam odit optio quidem itaque voluptatibus numquam!Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit aliquam laudantium cum. Repellat delectus eligendi magnam aspernatur autem obcaecati sunt dolorum molestias voluptas, provident modi voluptate maiores accusantium totam fugiat?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic pariatur sit obcaecati beatae at, aspernatur aliquid alias ipsam voluptates, cum maxime laborum doloribus nihil. Non laboriosam aut culpa commodi autem?Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda minus repudiandae nesciunt eligendi hic recusandae accusamus blanditiis explicabo iure, dicta maxime est modi ullam odit optio quidem itaque voluptatibus numquam!Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit aliquam laudantium cum. Repellat delectus eligendi magnam aspernatur autem obcaecati sunt dolorum molestias voluptas, provident modi voluptate maiores accusantium totam fugiat?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic pariatur sit obcaecati beatae at, aspernatur aliquid alias ipsam voluptates, cum maxime laborum doloribus nihil. Non laboriosam aut culpa commodi autem?Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda minus repudiandae nesciunt eligendi hic recusandae accusamus blanditiis explicabo iure, dicta maxime est modi ullam odit optio quidem itaque voluptatibus numquam!Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit aliquam laudantium cum. Repellat delectus eligendi magnam aspernatur autem obcaecati sunt dolorum molestias voluptas, provident modi voluptate maiores accusantium totam fugiat?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic pariatur sit obcaecati beatae at, aspernatur aliquid alias ipsam voluptates, cum maxime laborum doloribus nihil. Non laboriosam aut culpa commodi autem?Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda minus repudiandae nesciunt eligendi hic recusandae accusamus blanditiis explicabo iure, dicta maxime est modi ullam odit optio quidem itaque voluptatibus numquam!Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit aliquam laudantium cum. Repellat delectus eligendi magnam aspernatur autem obcaecati sunt dolorum molestias voluptas, provident modi voluptate maiores accusantium totam fugiat?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic pariatur sit obcaecati beatae at, aspernatur aliquid alias ipsam voluptates, cum maxime laborum doloribus nihil. Non laboriosam aut culpa commodi autem?Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda minus repudiandae nesciunt eligendi hic recusandae accusamus blanditiis explicabo iure, dicta maxime est modi ullam odit optio quidem itaque voluptatibus numquam!</p>
</div>
<div class="col-xs-12 mx-5 mb-5 description-box" id="Beef">
<h4 class="text-center mb-2">Beef</h4>
<p class="px-4">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit aliquam laudantium cum. Repellat delectus eligendi magnam aspernatur autem obcaecati sunt dolorum molestias voluptas, provident modi voluptate maiores accusantium totam fugiat?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic pariatur sit obcaecati beatae at, aspernatur aliquid alias ipsam voluptates, cum maxime laborum doloribus nihil. Non laboriosam aut culpa commodi autem?Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda minus repudiandae nesciunt eligendi hic recusandae accusamus blanditiis explicabo iure, dicta maxime est modi ullam odit optio quidem itaque voluptatibus numquam!Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit aliquam laudantium cum. Repellat delectus eligendi magnam aspernatur autem obcaecati sunt dolorum molestias voluptas, provident modi voluptate maiores accusantium totam fugiat?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic pariatur sit obcaecati beatae at, aspernatur aliquid alias ipsam voluptates, cum maxime laborum doloribus nihil. Non laboriosam aut culpa commodi autem?Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda minus repudiandae nesciunt eligendi hic recusandae accusamus blanditiis explicabo iure, dicta maxime est modi ullam odit optio quidem itaque voluptatibus numquam!Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit aliquam laudantium cum. Repellat delectus eligendi magnam aspernatur autem obcaecati sunt dolorum molestias voluptas, provident modi voluptate maiores accusantium totam fugiat?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic pariatur sit obcaecati beatae at, aspernatur aliquid alias ipsam voluptates, cum maxime laborum doloribus nihil. Non laboriosam aut culpa commodi autem?Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda minus repudiandae nesciunt eligendi hic recusandae accusamus blanditiis explicabo iure, dicta maxime est modi ullam odit optio quidem itaque voluptatibus numquam!Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit aliquam laudantium cum. Repellat delectus eligendi magnam aspernatur autem obcaecati sunt dolorum molestias voluptas, provident modi voluptate maiores accusantium totam fugiat?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic pariatur sit obcaecati beatae at, aspernatur aliquid alias ipsam voluptates, cum maxime laborum doloribus nihil. Non laboriosam aut culpa commodi autem?Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda minus repudiandae nesciunt eligendi hic recusandae accusamus blanditiis explicabo iure, dicta maxime est modi ullam odit optio quidem itaque voluptatibus numquam!Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit aliquam laudantium cum. Repellat delectus eligendi magnam aspernatur autem obcaecati sunt dolorum molestias voluptas, provident modi voluptate maiores accusantium totam fugiat?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic pariatur sit obcaecati beatae at, aspernatur aliquid alias ipsam voluptates, cum maxime laborum doloribus nihil. Non laboriosam aut culpa commodi autem?Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda minus repudiandae nesciunt eligendi hic recusandae accusamus blanditiis explicabo iure, dicta maxime est modi ullam odit optio quidem itaque voluptatibus numquam!</p>
</div>
<div class="col-xs-12 mx-5 description-box" id="Sushi">
<h4 class="text-center">Sushi</h4>
<p class="px-4">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit aliquam laudantium cum. Repellat delectus eligendi magnam aspernatur autem obcaecati sunt dolorum molestias voluptas, provident modi voluptate maiores accusantium totam fugiat?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic pariatur sit obcaecati beatae at, aspernatur aliquid alias ipsam voluptates, cum maxime laborum doloribus nihil. Non laboriosam aut culpa commodi autem?Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda minus repudiandae nesciunt eligendi hic recusandae accusamus blanditiis explicabo iure, dicta maxime est modi ullam odit optio quidem itaque voluptatibus numquam!Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit aliquam laudantium cum. Repellat delectus eligendi magnam aspernatur autem obcaecati sunt dolorum molestias voluptas, provident modi voluptate maiores accusantium totam fugiat?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic pariatur sit obcaecati beatae at, aspernatur aliquid alias ipsam voluptates, cum maxime laborum doloribus nihil. Non laboriosam aut culpa commodi autem?Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda minus repudiandae nesciunt eligendi hic recusandae accusamus blanditiis explicabo iure, dicta maxime est modi ullam odit optio quidem itaque voluptatibus numquam!Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit aliquam laudantium cum. Repellat delectus eligendi magnam aspernatur autem obcaecati sunt dolorum molestias voluptas, provident modi voluptate maiores accusantium totam fugiat?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic pariatur sit obcaecati beatae at, aspernatur aliquid alias ipsam voluptates, cum maxime laborum doloribus nihil. Non laboriosam aut culpa commodi autem?Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda minus repudiandae nesciunt eligendi hic recusandae accusamus blanditiis explicabo iure, dicta maxime est modi ullam odit optio quidem itaque voluptatibus numquam!Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit aliquam laudantium cum. Repellat delectus eligendi magnam aspernatur autem obcaecati sunt dolorum molestias voluptas, provident modi voluptate maiores accusantium totam fugiat?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic pariatur sit obcaecati beatae at, aspernatur aliquid alias ipsam voluptates, cum maxime laborum doloribus nihil. Non laboriosam aut culpa commodi autem?Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda minus repudiandae nesciunt eligendi hic recusandae accusamus blanditiis explicabo iure, dicta maxime est modi ullam odit optio quidem itaque voluptatibus numquam!Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit aliquam laudantium cum. Repellat delectus eligendi magnam aspernatur autem obcaecati sunt dolorum molestias voluptas, provident modi voluptate maiores accusantium totam fugiat?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic pariatur sit obcaecati beatae at, aspernatur aliquid alias ipsam voluptates, cum maxime laborum doloribus nihil. Non laboriosam aut culpa commodi autem?Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda minus repudiandae nesciunt eligendi hic recusandae accusamus blanditiis explicabo iure, dicta maxime est modi ullam odit optio quidem itaque voluptatibus numquam!</p>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
</body>
</html>