forked from recongamer/Hacktoberfest2021
-
Notifications
You must be signed in to change notification settings - Fork 0
/
bootstrap-page.html
107 lines (84 loc) · 19.2 KB
/
bootstrap-page.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
100
101
102
103
104
105
106
107
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
</head>
<body>
</nav>
<nav class="navbar navbar-expand-sm sticky-top navbar-light btn-light">
<div class="container-fluid ">
<a class="navbar-brand" href="eat.PNG"><img src="eat.PNG" alt="eat" height="80px"/></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 class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-xs-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Dropdown
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<div class="collapse" id="navbarToggleExternalContent">
<div class="bg-dark p-4">
<h5 class="text-white h4">Collapsed content</h5>
<span class="text-muted">Toggleable via the navbar brand.</span>
</div>
</div>
<nav class="navbar navbar-dark bg-dark">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</nav>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem enim, assumenda quas ratione reiciendis perspiciatis esse alias architecto d<br>icta atque ad odio cum deleniti quibusdam natus eligendi molestias labore maxime sunt! Nihil, d<br>oloribus neque est omnis velit dolore ea quaerat quidem alias nemo hic perspiciatis illum consequatur unde, quasi distinctio itaque. Dolorem iure aspernatur ipsam! Ullam, consectetur. Alias nobis ad illum quis similique distinctio voluptates fugiat omnis eligendi repellendus, natus dolor<br>, aliquam nesciunt totam rem ullam culpa necessitatibus fuga perferendis cum harum minima. Exercitationem quam blanditiis aliquam modi magnam similique doloribus iste. Enim molest<br>iae maiores assumenda nobis blanditiis est molestias nostrum quo deleniti, nulla corrupti, voluptatum, repudiandae libero eligendi tenetur. Porro ex ut ipsam tenetur quas quisquam blanditiis consectetur minus expedita! Minus reiciendis nesciunt ad vero facere dicta, temporibus consequatur iure deserunt magni error, in perspiciatis magnam nisi reprehenderit ipsam quis repellendus voluptatibus saepe soluta. Consequuntur sit doloribus molestiae, illo eum libero eos ipsam rem per<br>ferendis beatae repellat vero qui enim. Amet laudantium inventore, quod hic aliquid eius fugit maxime commodi vel saepe cupiditate molestiae doloribus blanditiis maiores ullam adipisci fugiat veniam numquam illo cumque nobis deleniti facilis tenetur labore. Iste commodi aliquid rem nobis. Illum accusantium esse laudantium, ab quas in veritatis aliquid dolore corporis voluptatum quaerat eveniet mollitia impedit? Maiores quas iure, pariatur sit laborum similique su<br>nt aspernatur! Esse, quidem! Ducimus ea sapiente eum unde dolore voluptatibus doloremque, dicta omnis tenetur similique temporibus qui veniam velit. Et excepturi nostrum deserunt iusto, enim inventore explicabo rem! Maiores, aliquam eum. In harum optio iste accusantium repudiandae ratione. Magnam deleniti vero porro, ex quae incidunt, nobis blanditiis tempora quod odio repellat dolorem atque nesciunt id earum officiis nemo tempore animi quos. Reprehenderit vel eaque,<br> possimus sed saepe quia voluptas rem officia ipsam non. Dicta, modi facere! Soluta odio eius aliquid consectetur! Tenetur voluptatibus et nihil aut consequuntur at vero! Magnam eligendi a nesciunt repellat provident natus aut culpa, autem nam numquam ab corrupti adipisci nemo repellendus aliquam explicabo officia ullam suscipit? Provident ex nulla laudantium tenetur dolore odit voluptas illum ipsum veritatis atque dicta itaque quos minima, repellendus molestiae. Adipisci, placeat doloribus quibusdam quidem sapiente sit voluptatibus dolorum sint rem, distincti<br>o et! Quibusdam accusantium illo voluptatem illum nobis cumque reprehenderit, esse ea consectetur obcaecati, doloribus consequuntur quos vitae inventore. Soluta quia et dolorum placeat reprehenderit perspiciatis porro distinctio nemo nobis, dolores dicta molestiae odio expedita, recusandae facere quasi tempora. Itaque cupiditate obcaecati enim animi recusandae, laudantium ex, atque consequuntur possimus veritatis dolor. Sed facilis quibusdam reiciendis placeat autem e<br>xcepturi enim quo repellat eius, laudantium doloribus iusto nobis, voluptatum fugit totam consequatur omnis tenetur quos expedita maxime sit corporis! Perspiciatis aut similique voluptatibus libero aperiam enim ullam minima. Ab ut, quos at dolore unde a hic veritatis molestias maiores molestiae, eum, dicta voluptates veniam odio corporis eaque exercitationem explicabo repudiandae accusantium consequatur debitis mollitia voluptatum. Adipisci magni aliquam nostrum, <br>commodi amet in illo iure eius cum voluptates quo magnam repellendus eos dolore ut ad. Tempore quis repellendus qui asperiores voluptatibus sequi rem harum, vitae quos doloremque eaque totam explicabo tempora veritatis, optio iure temporibus tenetur voluptas. Vero, nobis officiis enim earum porro obcaecati eum reprehenderit animi atque error placeat minima aut exercitationem sequi, sit maxime quis magni doloribus excepturi repellat accusamus? Minima repellat, sint te<br>mporibus quaerat voluptatum quos totam, pariatur animi quisquam aut dolorum ipsam iste ipsum ducimus ratione, id libero dicta. Commodi fuga harum impedit eligendi totam quo, ipsam quos fugit consequuntur provident, dolorum et incidunt aliquam eius dolores. Est sunt cumque vero suscipit, ab excepturi voluptates vel aspernatur ipsa provident minima, hic modi maxime ducimus iure obcaecati incidunt? Illo, beatae amet. Ipsam eaque ea iusto dolorum illum id ad sequi omnis, totam impedit quos esse sit rerum, culpa velit. Ut, tempora rem, recusandae dolor consequatur ullam modi dolorum culpa eligendi commodi incidunt veniam ducimus eum ab ad, labore adipisci! Repellat officia voluptatibus sit voluptas veritatis, quas ex dolorum, aut earum nam, ullam magni <br>nobis omnis labore quibusdam quod? Sit dignissimos amet facere? Quibusdam commodi, expedita, sint assumenda nihil optio minima corrupti quaerat tempora accusantium, placeat aperiam error hic. Maiores sed, commodi numquam illum alias perferendis architecto veritatis! Dolor, mag<br>nam non! Ipsam explicabo culpa iure odit adipisci minima commodi assumenda atque itaque, provident sunt animi reprehenderit iusto expedita voluptatem, in error dicta. Neque nihil dolore ducimus autem nam est ea eos quam accusantium facilis architecto cum quibusdam, fugit non <br>labore voluptate quis, eius doloribus. Vel itaque cum architecto cumque unde enim quis est repellat magnam obcaecati, molestias rerum eius ratione maxime eaque eveniet quam ullam animi harum minima nostrum assumenda quaerat? Voluptatum officiis autem facere ratione doloremque, nihil pariatur possimus voluptatibus illum vero. Molestiae ut ipsum molestias perferendis architecto doloribus nemo quia ex accusantium voluptas provident itaque modi, ipsam commodi unde eos iste, maiores explicabo, error consequuntur voluptatem quaerat. Quisquam harum quos deserunt ex commodi quod inventore consequatur nisi porro velit? Dolor doloribus hic iusto culpa<br> enim a temporibus nam quidem nisi aliquid quod excepturi, expedita illo harum placeat consequuntur tempore ducimus deleniti distinctio alias, ratione numquam quam recusandae delectus. Iure repudiandae a at eaque molestias, dolorem quam magni ex! Iure, commodi odio quia non accusantium alias excepturi, earum temporibus veritatis cumque recusandae magnam distinctio. Architecto nihil voluptatem odio asperiores, nulla, eos ipsa aut saepe vero alias iusto! Mollitia molestias voluptatem suscipit, iure dolorum sapiente quasi possimus reprehenderit praesentium vitae perferendis ut omnis obcaecati odit delectus assumenda excepturi! Nesciunt dignissimos exercitationem, accusantium odio molestias magni adipisci dolor quisquam est rerum dolores a <br>alias quasi provident? Exercitationem nobis voluptas earum itaque, minima magni veritatis nulla soluta. Quis provident incidunt expedita delectus nam aperiam inventore quo. Amet accusamus nihil iste quo officia eos et esse distinctio error est eligendi animi quae quod ducimus laboriosam vquaerat voluptatum ipsa reiciendis, blanditiis temporibus deserunt nobis assumenda. Aliquid sint repudiandae beatae suscipit veritatis ea, ipsa iure dolorem hic aspernatur, asperiores, nisi aliquam quidem nobis sunt dolore minima consequuntur? Magnam, nobis eaque ratione voluptas sunt voluptatem nisi explicabo aliquid ducimus atque molestiae, ad facilis modi id iure in?<br>
Lorem ipsum dolor sit amet consectetur adipi<br>sicing elit. Autem enim, assumenda quas ratione reiciendis perspiciatis esse alias architecto dicta atque ad odio cum deleniti quibusdam natus eligendi molestias labore maxime sunt! Nihil, doloribus neque est omnis velit dolore ea quaerat quidem alias nemo hic perspiciatis illum consequatur unde, quasi distinctio itaque. Dolorem iure aspernatur ipsam! Ullam, consectetur. Alias nobis ad illum quis similique distinctio voluptates fugiat omnis eligendi repellendus, natus dolor, aliquam nesciunt totam rem ullam culpa necessitatibus fuga perferendis cum harum mi<br>nima. Exercitationem quam blanditiis aliquam modi magnam similique doloribus iste. Enim molestiae maiores assumenda nobis blanditiis est molestias nostrum quo deleniti, nulla corrupti, voluptatum, repudiandae libero eligendi tenetur. Porro ex ut ipsam tenetur quas quisquam blanditiis consectetur minus expedita! Minus reiciendis nesciunt ad vero facere dicta, temporibus consequatur iure deserunt magni error, in perspiciatis magnam nisi reprehenderit ipsam quis repellendus voluptatibus saepe soluta. Consequuntur sit doloribus molestiae, illo eum libero eos ipsam rem perferendis beatae repellat vero qui enim. Amet laudantium inventore, quod hic aliquid eius f<br>ugit maxime commodi vel saepe cupiditate molestiae doloribus blanditiis maiores ullam adipisci fugiat veniam numquam illo cumque nobis deleniti facilis tenetur labore. Iste commodi aliquid rem nobis. Illum accusantium esse laudantium, ab quas in veritatis aliquid dolore corporis voluptatum quaerat eveniet mollitia impedit? Maiores quas iure, pariatur sit laborum similique sunt aspernatur! Esse, quidem! Ducimus ea sapiente eum unde dolore voluptatibus doloremque, dicta omnis tenetur similique temporibus qui veniam velit. Et excepturi nostrum deserunt iusto, enim in<br>ventore explicabo rem! Maiores, aliquam eum. In harum optio iste accusantium repudiandae ratione. Magnam deleniti vero porro, ex quae incidunt, nobis blanditiis tempora quod odio repellat dolorem atque nesciunt id earum officiis nemo tempore animi quos. Reprehenderit vel eaque<br>, possimus sed saepe quia voluptas rem officia ipsam non. Dicta, modi facere! Soluta odio eius al<br>iquid consectetur! Tenetur voluptatibus et nihil aut consequuntur at vero! Magnam eligendi a nesciunt repellat provident natus aut culpa, autem nam numquam ab corrupti adipisci nemo repellendus aliquam explicabo officia ullam suscipit? Provident ex nulla laudantium tenetur dolore<br> odit voluptas illum ipsum veritatis atque dicta itaque quos minima, repellendus molestiae. Adipisci, placeat doloribus quibusdam quidem sapiente sit voluptatibus dolorum sint rem, distinctio<br> et! Quibusdam accusantium illo voluptatem illum nobis cumque reprehenderit, esse ea consectetur obcaecati, doloribus consequuntur quos vitae inventore. Soluta quia et dolorum placeat reprehenderit perspiciatis porro distinctio nemo nobis, dolores dicta molestiae odio expedita,<br> recusandae facere quasi tempora. Itaque cupiditate obcaecati enim animi recusandae, laudantium ex, atque consequuntur possimus veritatis dolor. Sed facilis quibusdam reiciendis placeat autem excepturi enim quo repellat eius, laudantium doloribus iusto nobis, voluptatum fugit tota<br>m consequatur omnis tenetur quos expedita maxime sit corporis! Perspiciatis aut similique voluptatibus libero aperiam enim ullam minima. Ab ut, quos at dolore unde a hic veritatis molestias ma<br>iores molestiae, eum, dicta voluptates veniam odio corporis eaque exercitationem explicabo repudiandae accusantium consequatur debitis mollitia voluptatum. Adipisci magni aliquam nostrum,<br> commodi amet in illo iure eius cum voluptates quo magnam repellendus eos dolore ut ad. Tempor<br>m explicabo tempora veritatis, optio iure temporibus tenetur voluptas. Vero, nobis officiis enim earum porro obcaecati eum reprehenderit animi atque error placeat minima aut exercitationem sequ<br>i, sit maxime quis magni doloribus excepturi repellat accusamus? Minima repellat, sint temporibus quaerat voluptatum quos totam, pariatur animi quisquam aut dolorum ipsam iste ipsum ducimus ratione, id libero dicta. Commodi fuga harum impedit eligendi totam quo, ipsam quos fugit consequuntur provident, dolorum et incidunt aliquam eius dolores. Est sunt cumque vero suscipit, ab excepturi voluptates vel aspernatur ipsa provident minima, hic modi maxime ducimus iure obcaecati incidunt? Illo, beatae amet. Ipsam eaque ea iusto dolorum illum id ad sequi omnis, totam impedit quos esse sit rerum, culpa velit. Ut, tempora rem, recusandae dolor consequatur ullam modi dolorum culpa eligendi commodi incidunt veniam ducimus eum ab ad, labore adipisci! Repellat officia voluptatibus sit voluptas veritatis, quas ex dolorum, aut earum nam, ullam magni nobis omnis labore quibusdam quod? Sit dignissimos amet facere? Quibusdam commodi, expedita, sin<br>t assumenda nihil optio minima corrupti quaerat tempora accusantium, placeat aperiam error hic. Maiores sed, commodi numquam illum alias perferendis architecto veritatis! Dolor, magnam non! Ipsam explicabo culpa iure odit adipisci minima commodi assumenda atque itaque, provident sunt animi reprehenderit iusto expedita voluptatem, in error dicta. Neque nihil dolore ducimus autem nam est ea eos quam accusantium facilis architecto cum quibusdam, fugit non labo<br><br>re voluptate quis, eius doloribus. Vel itaque cum architecto cumque unde enim quis est repellat magnam obcaecati, molestias rerum eius ratione maxime eaque eveniet quam ullam animi harum minima nostrum assumenda quaerat? Voluptatum officiis autem facere ratione doloremque, nihil <br>pariatur possimus voluptatibus illum vero. Molestiae ut ipsum molestias perferendis architecto doloribus nemo quia ex accusantium voluptas provident itaque modi, ipsam commodi unde eos ist<br>e, maiores explicabo, error consequuntur voluptatem quaerat. Quisquam harum quos deserunt ex commodi quod inventore consequatur nisi porro velit? Dolor doloribus hic iusto culpa enim a temporibus nam quidem nisi aliquid quod excepturi, expedita illo harum placeat conse<br>quuntur tempore ducimus deleniti distinctio alias, ratione numquam quam recusandae delectus. Iure repudiandae a at eaque molestias, dolorem quam magni ex! Iure, commodi odio quia non accusantium alias excepturi, earum temporibus veritatis cumque recusandae magnam distinctio. Architecto nihil voluptatem odio asperiores, nulla, eos ipsa aut saepe vero alias iusto! Mollitia molestias voluptatem suscipit, iure dolorum sapiente quasi possimus reprehenderit praesentium vitae perferendis ut omnis obcaecati odit delectus assumenda excepturi! Nesciunt dignissimos exercitationem, accusantium odio molestias magni adipisci dolor quisquam est rerum dolores a alias quasi provident? Exercitationem nobis voluptas earum itaque, minima magni veritatis nulla soluta. Quis provident incidunt expedita delectus nam aperiam inventore quo. Amet accusamus nihil iste quo officia eos et esse distinctio error est eligendi animi quae quod ducimus laboriosam quaerat voluptatum ipsa reiciendis, blanditiis temporibus deserunt nobis assumenda. Aliquid sint repudiandae beatae suscipit veritatis ea, ipsa iure dolorem hic aspernatur, asperiores, nisi aliquam quidem nobis sunt dolore minima consequuntur? Magnam, nobis eaque ratione voluptas sunt voluptatem nisi explicabo aliquid ducimus atque molestiae, ad facilis modi id iure in?<br>
</p>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-dark">Dark</button>
<button type="button" class="btn btn-link">Link</button>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>
-->
</body>
</html>