-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
99 lines (93 loc) · 10.8 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Coursera Module 3 Assignment</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<link href="css/module3.css" rel="stylesheet">
</head>
<body>
<div id="maincontent" class="container col-xs-12">
<nav class="navbar navbar-expand-lg navbar-light">
<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="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav d-block d-sm-none">
<li class="nav-item text-center">
<a class="nav-link active" 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">Our Menu</h1>
<a id="chicken">
<div class="chicken" class="container col-xs-12">
<h2 class="text-center">Chicken</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt turpis ac magna sollicitudin bibendum. Vivamus vel condimentum nunc. Ut eget risus vitae neque cursus maximus. Duis elementum arcu ipsum, vel placerat neque mattis efficitur. In hac habitasse platea dictumst. Duis ultrices massa gravida felis lobortis, eu tincidunt turpis congue. Nullam odio nisl, convallis at fermentum vel, venenatis vel orci. Ut porta tortor vitae quam vehicula, vitae bibendum nulla accumsan. Ut imperdiet nibh at sapien placerat vestibulum vel ut risus. Duis egestas turpis interdum, placerat tortor non, tristique enim. Pellentesque imperdiet aliquam porttitor. Fusce a metus in lacus suscipit rutrum. Ut non placerat lorem. Donec aliquam tellus auctor erat vestibulum, a aliquam erat imperdiet. Integer hendrerit purus vel ligula dictum tincidunt. Sed elit quam, interdum vel eleifend sit amet, porta vel ipsum.
</p>
<p>
Aliquam laoreet pretium dictum. In id ante sem. Vestibulum scelerisque sapien id nisl luctus dapibus. Sed cursus ante dolor, quis ornare purus tempor quis. Nullam porta nisi urna, quis finibus augue sagittis scelerisque. Etiam vel euismod justo. In id gravida turpis. Suspendisse commodo mi eu interdum auctor. Vestibulum at aliquet nulla, vitae semper nisi. Vivamus feugiat massa nibh, id accumsan urna cursus fermentum. Cras sem tortor, porta eget condimentum et, mollis a nisl. Sed pulvinar venenatis nibh, nec hendrerit quam elementum vel. Cras eget venenatis tortor.
</p>
<p>
Mauris a eros arcu. In vestibulum eleifend risus, non malesuada orci viverra nec. Nunc mollis, mauris sit amet ultrices consectetur, magna nisi finibus ante, et volutpat massa ligula et felis. Aenean eget eros et justo tincidunt pulvinar. Ut tempus faucibus leo ac lacinia. Suspendisse potenti. Suspendisse ipsum nisi, volutpat eget sapien vel, dignissim bibendum ipsum. Duis fermentum mauris neque, quis sodales nisi auctor non. Curabitur vel est vel tellus varius varius quis egestas nisi. Cras dapibus sollicitudin eros, sit amet imperdiet metus tincidunt vitae. Integer ut quam quis nibh hendrerit maximus congue ut arcu.
</p>
<p>
Nullam porta pharetra justo, quis cursus mi rhoncus eu. Praesent varius velit est, ac malesuada justo tempor nec. Proin lobortis elit felis, quis fermentum dolor aliquam a. Cras in pellentesque felis, sed egestas elit. Nam et dignissim velit. Proin nunc ex, malesuada ac varius non, gravida vestibulum lorem. Integer pretium pellentesque ipsum, in finibus eros gravida et. Nulla sit amet risus nec diam dapibus cursus id eu libero. Vestibulum cursus est ut velit tincidunt, ut feugiat magna congue. In a aliquet odio. Aliquam elementum, ipsum nec congue placerat, tellus libero mollis justo, nec ullamcorper magna tellus at sem.
</p>
<p>
Morbi accumsan ornare leo, sit amet molestie mauris dictum sed. Mauris sit amet convallis lorem. Quisque malesuada fermentum luctus. Sed orci eros, finibus vitae eros id, feugiat feugiat urna. Ut maximus odio eu ante sollicitudin facilisis. Duis venenatis ante bibendum porttitor commodo. Duis vitae dignissim odio, ac malesuada elit. Proin sollicitudin sed leo quis lobortis.
</p>
<p>
Duis imperdiet in augue ut scelerisque. Aliquam vitae malesuada purus. Nunc dapibus consequat augue vitae sollicitudin. Morbi ultrices turpis sit amet consectetur consequat. Etiam quis rutrum velit, a laoreet est. Aliquam pulvinar aliquet nulla, a faucibus risus porta eu. Nunc scelerisque mollis interdum. Phasellus et dui commodo, varius velit at, ullamcorper arcu. Aenean interdum luctus tristique.
</p>
</div> <!-- /chicken -->
<a id="beef">
<div class="beef" class="container col-xs-12">
<h2 class="text-center">Beef</h2>
<p>
In quis ullamcorper massa, et dignissim nisi. Aliquam auctor suscipit tellus. In dictum tristique ultricies. Quisque vitae dictum eros. Aenean in urna enim. Nullam porta, nisi sit amet mattis pharetra, est ipsum dictum sem, et tristique lacus nulla sed diam. Nam non sem mauris. In et ante neque.
</p>
<p>
Integer nulla mauris, ullamcorper blandit odio nec, rhoncus venenatis urna. Donec vel magna ut ante rutrum tempor. Pellentesque maximus libero quis pulvinar tempor. Curabitur ultrices quis nibh non volutpat. Etiam semper facilisis velit, vel blandit felis ultrices eu. Pellentesque vitae est ac ante viverra tristique vitae a sapien. Maecenas faucibus purus dolor, non euismod tellus sodales non.
</p>
<p>
Vivamus tempor pellentesque orci quis accumsan. Aenean velit arcu, placerat ultricies dapibus ac, maximus sed erat. Vivamus sit amet dapibus sapien, vitae maximus lectus. Sed id nisl velit. Integer accumsan pulvinar consectetur. Quisque at purus ex. In id convallis justo, ut imperdiet tortor. Nulla vitae dolor quis dolor auctor porttitor sit amet at magna. Etiam congue justo quis ultricies euismod. In sollicitudin erat et augue euismod feugiat. Morbi pharetra ullamcorper turpis id tempus. Nunc finibus risus purus, mattis ornare risus molestie at. Nam nec odio sit amet metus ultrices pretium nec eu purus. Sed pulvinar nec neque a rhoncus.
</p>
<p>
Fusce vitae nisi dui. Suspendisse vehicula nisi id tempor interdum. In euismod consectetur diam ullamcorper ultricies. Maecenas tempor erat vel turpis pharetra feugiat. Vivamus eleifend leo nec erat ullamcorper, quis commodo velit consectetur. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla sit amet ornare orci. Quisque sollicitudin mollis eros. Morbi finibus arcu et purus tempus maximus. Proin fringilla sodales tellus, et sollicitudin dolor ultricies in. Nam bibendum venenatis neque vitae rhoncus.
</p>
<p>
Donec consequat libero eu ultricies pellentesque. Vestibulum sollicitudin ut velit ut auctor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Quisque quis erat sit amet enim blandit placerat vel ut metus. Nam libero urna, suscipit sit amet dui nec, molestie tincidunt neque. Suspendisse eleifend neque nec sapien feugiat rutrum. Aliquam iaculis malesuada malesuada. Phasellus rhoncus, turpis quis suscipit vulputate, odio justo condimentum purus, quis mollis felis nunc et sem. Mauris semper tempor tempus. Nam luctus iaculis dolor, mattis bibendum ante rutrum quis. In ultrices mattis velit commodo vulputate. Aliquam at feugiat ante.
</p>
</div> <!-- /beef -->
<a id="sushi">
<div class="sushi" class="container col-xs-12">
<h2 class="text-center">Sushi</h2>
<p>
Ut laoreet fringilla arcu vitae tristique. Morbi tempor felis ligula, vitae pharetra neque venenatis non. Fusce tincidunt lectus nec odio imperdiet condimentum eu non lacus. Mauris iaculis arcu auctor, dictum mauris non, semper lacus. Etiam fringilla quam sit amet volutpat ornare. Sed aliquet libero lacus, a venenatis sapien pharetra in. In pharetra lectus vulputate nisl pharetra facilisis. Quisque at mollis est. Pellentesque eget urna non tellus venenatis porta. Praesent sagittis velit vel orci pellentesque fringilla. Nunc eu fringilla purus. Aliquam placerat molestie congue. Sed aliquam sapien ante, ac eleifend risus accumsan eu. Cras scelerisque odio aliquam auctor lacinia. Nam mauris nibh, bibendum a dictum quis, finibus sit amet elit. Donec vel justo dapibus, finibus purus et, euismod mauris.
</p>
<p>
Etiam non elementum metus. Duis quis scelerisque ligula. Sed id tellus et lectus elementum cursus. Maecenas porttitor dapibus arcu, quis eleifend tortor fringilla a. Pellentesque hendrerit consequat faucibus. Aenean velit eros, imperdiet id sollicitudin non, elementum placerat erat. Donec accumsan metus ullamcorper eros viverra, sed lacinia mauris vestibulum. Sed maximus lacinia risus consequat volutpat. Praesent egestas eleifend vulputate.
</p>
<p>
Praesent ligula metus, varius accumsan eros nec, mattis eleifend enim. In sodales risus mauris, ac posuere augue porttitor id. Nulla mi mi, dignissim ut sem quis, iaculis volutpat sem. Nam volutpat mauris non imperdiet cursus. Suspendisse potenti. In dui felis, congue ut rhoncus vitae, viverra ac sem. Mauris sodales, velit in finibus egestas, magna lorem sagittis lacus, a ultrices arcu massa id mi. In luctus nisi purus, nec pellentesque lorem bibendum vel. Phasellus eu fermentum est. Donec efficitur, felis vitae mattis elementum, lacus libero malesuada augue, sed euismod risus dui in purus. Fusce auctor lacinia iaculis. Nam scelerisque, lacus vitae pulvinar laoreet, augue risus bibendum nisl, sed vulputate metus leo quis ante.
</p>
<p>
Sed viverra non sapien at blandit. Phasellus ultricies purus metus, vel dictum libero scelerisque ac. Nunc vel ligula massa. Nullam ac rutrum enim. Etiam in aliquam ligula, sed posuere ipsum. Suspendisse at condimentum libero, tristique laoreet neque. Nullam maximus augue sit amet urna vulputate vehicula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam varius varius justo in placerat. Nunc facilisis consectetur nulla, id pretium dolor eleifend a. Ut pellentesque eu tellus nec consectetur. In pellentesque finibus magna non vestibulum. Nulla quis sem at ipsum mollis pharetra. Mauris aliquet, risus eu egestas molestie, ex tortor pulvinar eros, ac suscipit orci ex at erat. Aenean eu feugiat erat, posuere molestie ante. Quisque finibus neque eu fermentum posuere.
</p>
</div> <!-- /sushi -->
</div><!-- /maincontent -->
</body>
</html>