-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
88 lines (75 loc) · 6.97 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
<!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">
<meta name="description" content="Module 3 Coursera solution">
<meta name="author" content="Marcelo Freri">
<title>Food, LLC</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<!-- Navigation Menu -->
<nav class="navbar navbar-expand-sm navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">Food, LLC</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0 d-sm-none">
<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>
<section id="top">
<h2 class="text-center">Our Menu</h2>
</section>
<div class="container">
<div class="row">
<div class="col col-xxl-4 col-xl-4 col-lg-6 col-md-12 col-sm-12 col-12">
<section id="chicken">
<h3 class="text-center">Chicken</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Id nibh tortor id aliquet lectus. Id aliquet risus feugiat in ante metus dictum. In fermentum et sollicitudin ac. Aliquet enim tortor at auctor urna nunc. Massa sed elementum tempus egestas sed sed risus pretium quam. Eget duis at tellus at. Vulputate sapien nec sagittis aliquam malesuada. Egestas sed sed risus pretium quam vulputate dignissim suspendisse in. Id consectetur purus ut faucibus pulvinar. Posuere lorem ipsum dolor sit. Egestas purus viverra accumsan in nisl nisi scelerisque. Nisi vitae suscipit tellus mauris. Eu ultrices vitae auctor eu augue ut lectus. Risus quis varius quam quisque id diam vel quam. Magna eget est lorem ipsum dolor sit amet consectetur. Egestas sed tempus urna et. Justo nec ultrices dui sapien eget mi proin sed. Egestas dui id ornare arcu odio ut sem. Nisi vitae suscipit tellus mauris a diam maecenas. Semper viverra nam libero justo laoreet sit amet. Vitae et leo duis ut diam quam. Cras fermentum odio eu feugiat pretium nibh. Dictum non consectetur a erat nam at lectus. Condimentum vitae sapien pellentesque habitant morbi tristique. Pellentesque dignissim enim sit amet venenatis urna. Adipiscing elit duis tristique sollicitudin nibh sit amet commodo nulla. Dictum fusce ut placerat orci. Velit scelerisque in dictum non consectetur a erat nam. Nulla facilisi cras fermentum odio eu feugiat pretium nibh.</p>
</section>
<div class="container back2top">
<a href="#top">Back to top</a>
</div>
</div>
<div class="col col-xxl-4 col-xl-4 col-lg-6 col-md-12 col-sm-12 col-12">
<section id="beef">
<h3 class="text-center">Beef</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Id nibh tortor id aliquet lectus. Id aliquet risus feugiat in ante metus dictum. In fermentum et sollicitudin ac. Aliquet enim tortor at auctor urna nunc. Massa sed elementum tempus egestas sed sed risus pretium quam. Eget duis at tellus at. Vulputate sapien nec sagittis aliquam malesuada. Egestas sed sed risus pretium quam vulputate dignissim suspendisse in. Id consectetur purus ut faucibus pulvinar. Posuere lorem ipsum dolor sit. Egestas purus viverra accumsan in nisl nisi scelerisque. Nisi vitae suscipit tellus mauris. Eu ultrices vitae auctor eu augue ut lectus. Risus quis varius quam quisque id diam vel quam. Magna eget est lorem ipsum dolor sit amet consectetur. Egestas sed tempus urna et. Justo nec ultrices dui sapien eget mi proin sed. Egestas dui id ornare arcu odio ut sem. Nisi vitae suscipit tellus mauris a diam maecenas. Semper viverra nam libero justo laoreet sit amet. Vitae et leo duis ut diam quam. Cras fermentum odio eu feugiat pretium nibh. Dictum non consectetur a erat nam at lectus. Condimentum vitae sapien pellentesque habitant morbi tristique. Pellentesque dignissim enim sit amet venenatis urna. Adipiscing elit duis tristique sollicitudin nibh sit amet commodo nulla. Dictum fusce ut placerat orci. Velit scelerisque in dictum non consectetur a erat nam. Nulla facilisi cras fermentum odio eu feugiat pretium nibh.</p>
</section>
<div class="container back2top">
<a href="#top">Back to top</a>
</div>
</div>
<div class="col col-xxl-4 col-xl-4 col-lg-12 col-md-12 col-sm-12 col-12">
<section id="sushi">
<h3 class="text-center">Sushi</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Id nibh tortor id aliquet lectus. Id aliquet risus feugiat in ante metus dictum. In fermentum et sollicitudin ac. Aliquet enim tortor at auctor urna nunc. Massa sed elementum tempus egestas sed sed risus pretium quam. Eget duis at tellus at. Vulputate sapien nec sagittis aliquam malesuada. Egestas sed sed risus pretium quam vulputate dignissim suspendisse in. Id consectetur purus ut faucibus pulvinar. Posuere lorem ipsum dolor sit. Egestas purus viverra accumsan in nisl nisi scelerisque. Nisi vitae suscipit tellus mauris. Eu ultrices vitae auctor eu augue ut lectus. Risus quis varius quam quisque id diam vel quam. Magna eget est lorem ipsum dolor sit amet consectetur. Egestas sed tempus urna et. Justo nec ultrices dui sapien eget mi proin sed. Egestas dui id ornare arcu odio ut sem. Nisi vitae suscipit tellus mauris a diam maecenas. Semper viverra nam libero justo laoreet sit amet. Vitae et leo duis ut diam quam. Cras fermentum odio eu feugiat pretium nibh. Dictum non consectetur a erat nam at lectus. Condimentum vitae sapien pellentesque habitant morbi tristique. Pellentesque dignissim enim sit amet venenatis urna. Adipiscing elit duis tristique sollicitudin nibh sit amet commodo nulla. Dictum fusce ut placerat orci. Velit scelerisque in dictum non consectetur a erat nam. Nulla facilisi cras fermentum odio eu feugiat pretium nibh.</p>
</section>
<div class="container back2top">
<a href="#top">Back to top</a>
</div>
</div>
</div>
</div>
<!-- jQuery (Bootstrap JS plugins depend on it) -->
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>