Skip to content

Commit 79a1a7a

Browse files
aaronblairaaronblair
committed
Ready for submission
1 parent bb24304 commit 79a1a7a

File tree

2 files changed

+58
-3
lines changed

2 files changed

+58
-3
lines changed

‎assignment3/css/styles.css

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
div.row {
2+
margin-top: 10px;
3+
margin-bottom: 10px;
4+
border: 1px solid black;
5+
}
6+
7+
.navbar-default .navbar-brand {
8+
color: white;
9+
font-size: 200%
10+
}
11+
12+
.navbar-default .navbar-nav>li>a {
13+
color: white;
14+
}
15+
16+
.navbar-default .navbar-toggle .icon-bar {
17+
background-color: white;
18+
}

‎assignment3/index.html

Lines changed: 40 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,17 +12,54 @@
1212
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
1313
<![endif]-->
1414

15-
<title>Boostrap Starter Page</title>
15+
<title>Assignment Solution for Module 3</title>
1616
<link rel="stylesheet" href="css/bootstrap.min.css">
1717
<link rel="stylesheet" href="css/styles.css">
1818
</head>
1919
<body>
2020

21-
<h1>Hello Coursera!</h1>
21+
<!--Navbar Section-->
22+
<nav class="navbar navbar-default">
23+
<div class="container-fluid bg-primary">
24+
<div class="navbar-header">
25+
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse-nav" aria-expanded="false">
26+
<span class="sr-only">Toggle navigation</span>
27+
<span class="icon-bar"></span>
28+
<span class="icon-bar"></span>
29+
<span class="icon-bar"></span>
30+
</button>
31+
<a href="#" class="navbar-brand">Food, LLC</a>
32+
</div>
33+
<div id="collapse-nav" class="collapse navbar-collapse">
34+
<ul id="nav-list" class="nav navbar-nav navbar-right visible-xs">
35+
<li><a href="#chicken" class="text-center"><span>Chicken</span></a></li>
36+
<li><a href="#beef" class="text-center"><span>Beef</span></a></li>
37+
<li><a href="#sushi" class="text-center"><span>Sushi</span></a></li>
38+
</ul>
39+
</div>
40+
</div>
41+
</nav>
42+
43+
<h1 class="text-center">Our Menu</h1>
44+
45+
<!--Menu Items-->
46+
<div class="container">
47+
<div id="chicken" class="row col-xs-12 bg-primary center-block">
48+
<h2 class="text-center">Chicken</h2>
49+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur iste, odit accusamus quas earum molestias fugiat voluptates perspiciatis magnam sint nemo minus. Iure doloribus dolor soluta ducimus, alias minima voluptates, repudiandae vel sed. Iure voluptatem, numquam officiis reiciendis laborum reprehenderit dolore doloremque consectetur facilis. Perferendis cum non, quam. Nam rem, perspiciatis facere cum numquam officiis et voluptatibus minima, quod ex deleniti, in, blanditiis. Deleniti maxime, libero sequi modi placeat cupiditate ab odio nam sit. Explicabo, vitae placeat, dolor, odio ullam illum eum, doloremque ratione id sint odit consectetur. Necessitatibus doloremque saepe modi eveniet eius hic optio, voluptatum, nemo, magni tenetur ipsam aperiam quia! Nemo temporibus quia nesciunt blanditiis omnis quibusdam sapiente magni cupiditate illo similique enim accusantium repellendus culpa vel quas, odio eum quisquam. Exercitationem repellendus tempora aliquam accusamus dicta animi ipsum distinctio, illum debitis assumenda a nostrum modi mollitia adipisci, maiores quos esse. Sit consectetur accusamus cumque deserunt veniam animi nostrum tenetur architecto sed, totam quaerat beatae esse harum, ea exercitationem in distinctio, dolor dolores. Adipisci tempore qui minus itaque dolore cupiditate odio, tempora repellat, similique, odit ab praesentium. Possimus sit, dolor id repellat voluptatum modi totam, esse officia doloribus fugiat praesentium quaerat soluta iure ex distinctio dolorem animi asperiores, cupiditate ad illum reiciendis beatae quidem commodi! Vel labore quo, dolore repellendus nemo. At fuga dolorem, neque amet. Magnam, hic quas velit incidunt minima, voluptatibus aut eos! Minus pariatur repellat exercitationem numquam neque perspiciatis perferendis enim incidunt ipsum, aliquam deleniti magni tenetur blanditiis, dignissimos necessitatibus quasi sit cum cupiditate nam fugiat fugit quae! Excepturi voluptatibus quam laborum fugiat dolorem similique minima quasi rerum labore odio earum omnis, iure. Perferendis sit provident a vero, dignissimos, et aliquid veritatis quos sed. Atque ipsam excepturi, architecto id exercitationem repudiandae consequuntur voluptatum, quae, iure voluptates qui reprehenderit laborum veniam, velit. Dignissimos eaque eos blanditiis repudiandae veniam illo totam assumenda quos repellendus cumque harum atque debitis dicta libero fuga, quod, vitae ipsam tenetur. Eaque, perferendis neque magni illo repellendus quidem labore voluptatibus molestias sequi numquam, vero facere aut, saepe officia deserunt molestiae rerum dolore quasi itaque recusandae possimus fugit. Porro illo nulla sint beatae quis non possimus, sequi reiciendis! Saepe ea dicta, cupiditate hic illum culpa error doloremque, quibusdam vel non praesentium nisi distinctio voluptatum eveniet facilis soluta explicabo exercitationem impedit aliquam voluptates quia eligendi totam! Perspiciatis fugit, quibusdam sapiente repudiandae doloremque quidem, nemo velit itaque, eius voluptas esse. Aspernatur distinctio quo iste recusandae odit, impedit quidem veritatis, ad ducimus tempora magnam amet laboriosam. Suscipit repellat, ratione repudiandae enim deleniti tempore sit corporis dolores, atque aut cum facilis eos possimus non fugit autem facere voluptas quam, rerum numquam odit quod. Reprehenderit a, porro tempora, quod ipsum nisi facilis. Dignissimos distinctio, sequi consequuntur accusantium. Similique rerum perferendis quibusdam cupiditate nulla alias temporibus dignissimos hic quaerat culpa rem, reprehenderit sit, veritatis, sequi voluptas quisquam quae labore a dolorum repellendus aspernatur libero asperiores ipsa et. Ad vel, commodi ea dolor suscipit libero reprehenderit unde temporibus doloremque fugit voluptate quos possimus iure magni laborum totam deserunt, velit minus molestiae, culpa sapiente assumenda delectus. Esse quas voluptatem pariatur aperiam ducimus, explicabo! Ut laboriosam nihil aspernatur eius voluptatum odit, fugit ex omnis accusantium pariatur. Voluptas reiciendis, autem, tenetur unde ullam nemo modi harum, neque optio sit laudantium at deleniti veritatis. Asperiores, cumque esse quis. Debitis facilis nemo deserunt ullam laboriosam rem ducimus quos eum facere mollitia fugit doloribus obcaecati quasi perferendis dolore dicta, animi earum nam id illo eveniet sunt magni esse cumque. Ducimus commodi unde, quod excepturi, dignissimos incidunt, consequuntur facilis ex architecto nulla exercitationem eum suscipit vitae! Facilis ut, possimus id quaerat ratione ex dicta? Amet ipsa doloremque assumenda doloribus omnis quisquam aperiam iure est libero architecto, quis cum porro reprehenderit. Nesciunt provident reiciendis deserunt neque doloribus, quos dolorum laboriosam sunt dignissimos dolor maiores in aut quod iste modi tempore illo facilis et, odit nihil nisi voluptatem dolores accusamus praesentium aliquam. Similique omnis adipisci quaerat nisi tempora eveniet velit, quas tenetur quidem natus, est aliquid vel, iste neque. Quibusdam dolor, libero aut pariatur reiciendis vero aliquam! Quibusdam illum exercitationem assumenda ducimus voluptates possimus sequi et aliquid nam tenetur consectetur, repudiandae architecto, sapiente, magnam, mollitia nemo error maiores maxime eius inventore iusto aliquam labore vitae distinctio numquam. Incidunt, voluptates, necessitatibus. Aliquam aliquid delectus ab totam dignissimos quo voluptatum error. Minima id deleniti, expedita ducimus autem ipsam ullam aliquid rem minus enim magni magnam quis vel recusandae, fugit eos itaque. Atque quisquam ad architecto eum ipsum numquam culpa illo. Nostrum culpa sit delectus natus dolorum perferendis, veniam officiis fuga, iure dolorem quos beatae! Distinctio harum adipisci sapiente eligendi totam vel explicabo accusantium inventore, amet beatae reprehenderit culpa neque possimus quo dolore, eveniet voluptate rerum veritatis. Ex, ipsum obcaecati omnis reiciendis. Eligendi, recusandae commodi quaerat tenetur. Labore cum, vitae deleniti odio, assumenda rerum dignissimos vel, quos iure ratione perferendis harum. Omnis aut quisquam, adipisci vero dignissimos sapiente voluptatem quo laborum consequatur labore incidunt corporis fuga libero unde explicabo id illum deleniti nostrum eum eligendi ratione ab dicta, eos. Modi maxime aspernatur cumque libero consequatur laboriosam unde facere quas laborum reprehenderit provident ullam odio possimus ipsam porro sapiente corporis, dolorem repellendus minima rerum. Ratione sunt numquam sed amet aliquid quia fuga necessitatibus itaque eligendi enim blanditiis, assumenda, accusantium, quam autem doloribus dolore eos alias? Saepe alias eaque sapiente blanditiis! Fugiat voluptatem amet distinctio labore alias saepe veniam esse repellat natus consequatur reprehenderit sapiente quibusdam harum sed cupiditate id enim nostrum, dolorem aliquid perferendis. Vero voluptatibus aspernatur sunt modi ullam eligendi odit magnam quaerat, nostrum delectus reiciendis optio magni sit dolores debitis in corrupti adipisci, consequuntur omnis consectetur suscipit quibusdam eveniet! Provident quisquam facilis quam dolor officiis dolorem quia possimus nostrum cumque aspernatur repudiandae ipsam sapiente atque vitae earum asperiores rem voluptate optio, maxime ex similique! Numquam optio officia accusantium exercitationem saepe ratione, totam neque at reprehenderit deleniti quas molestiae enim, velit voluptates praesentium tempore odio inventore molestias delectus quo illum. Error fugiat soluta molestias ullam non dignissimos, quibusdam, ex eligendi pariatur modi fugit nesciunt neque voluptatum iste quam temporibus magnam, tenetur, minima.</p>
50+
</div>
51+
<div id="beef" class="row col-xs-12 bg-primary center-block">
52+
<h2 class="text-center">Beef</h2>
53+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia a, ex fugiat ea tempore impedit voluptate iure magni adipisci eum sunt architecto aspernatur, eius asperiores molestiae, odio ullam laboriosam error accusamus natus fuga, alias minima! Cumque voluptates sunt aliquid molestias, soluta expedita nemo sit quo mollitia excepturi, error asperiores quidem rerum. Distinctio temporibus modi expedita fuga. Mollitia cupiditate officia adipisci necessitatibus, id iure error fugiat repellat quisquam ipsa atque itaque fugit tenetur quae earum, quidem, amet facere. Cumque veritatis suscipit sequi eos, aspernatur minus quaerat ipsa. In ad necessitatibus molestiae distinctio. Libero reiciendis assumenda, nisi labore, quae a ab natus vitae sit nemo eaque, corporis odio explicabo et. Libero enim culpa provident expedita, voluptates perspiciatis ipsum mollitia, placeat assumenda cum, architecto nihil dolores modi dolor voluptatum odio sed, vero eos suscipit. Facilis eligendi, consequuntur ut doloremque animi distinctio fuga nihil repellat explicabo ullam inventore reprehenderit id possimus tenetur quas accusantium similique. Commodi natus praesentium recusandae corrupti debitis iste, possimus aliquam laboriosam a cupiditate labore quaerat at, ipsum perferendis dolorum eligendi impedit laborum. Suscipit eos repellendus minus adipisci, numquam deleniti, voluptate eveniet vitae? Possimus, natus eos ipsum optio ipsam nostrum iste qui in architecto voluptatibus cum non exercitationem delectus a reprehenderit autem quo minima officiis, ab fuga cumque doloremque, modi vel et, animi. Ratione ducimus quam natus incidunt deserunt suscipit molestias numquam, veniam dolores aut maiores dolorem voluptas ad sequi sed deleniti, aliquid facilis praesentium? Dolores enim expedita ab quo tempora asperiores ut quod nostrum eius sed, iure praesentium nulla excepturi commodi, ipsum dolorem. Perferendis dicta voluptatum totam tenetur illum error voluptatibus, dolores, eos blanditiis. Quae reiciendis suscipit at eligendi voluptatem sed maiores omnis autem fuga sit facere doloremque esse, ullam nihil deleniti, aperiam. Illo et aperiam eius asperiores. At sint nesciunt aliquid impedit labore repudiandae recusandae, quaerat earum culpa laboriosam modi iusto maiores aliquam ipsum, nobis quis enim eius! Ipsa deserunt, nostrum voluptates veniam porro, perspiciatis odio error aut culpa at officiis hic magnam quisquam adipisci necessitatibus quod dolores quae consequatur pariatur aspernatur! Porro expedita, nobis veritatis! Recusandae mollitia facilis iste ducimus expedita quidem quis vel corporis provident sapiente, voluptates, quas. Consectetur nihil libero ex soluta perferendis incidunt non porro laborum optio, nisi hic similique, ipsam fuga explicabo. Vel odio laudantium dicta eum, corporis sequi earum ex labore officiis, incidunt repellat fugiat laborum tempore maxime atque architecto. Voluptate, ad, veniam! Dolorem accusantium distinctio ut tempore, tempora, libero amet assumenda quos suscipit praesentium voluptatibus id nesciunt laudantium. Adipisci iusto ducimus ratione quia ipsum fugit amet quos nihil, accusamus rem, excepturi cum nulla. Nemo natus accusantium ratione aspernatur molestias rem perspiciatis unde, soluta alias quam ipsam nam dolore dolorum commodi reiciendis sapiente esse quisquam, earum atque deserunt tempora optio numquam facere sed. Unde error odit ipsam voluptate eligendi quo repellat enim, tempore, cumque rerum pariatur ad eos qui in nulla ut laboriosam sapiente est quibusdam, sunt numquam, modi magni labore eum! Placeat rerum deleniti odit eveniet consequatur veritatis dicta et quos facere, natus nulla, fugit alias corporis aliquid! Facere eligendi, incidunt asperiores.</p>
54+
</div>
55+
<div id="sushi" class="row col-xs-12 bg-primary center-block">
56+
<h2 class="text-center">Sushi</h2>
57+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo quo at odio enim sed amet ab esse velit illo impedit, sapiente nobis vel ad repellendus quisquam ex suscipit vero, aspernatur accusamus et quae nulla omnis. Fugiat modi officia asperiores, numquam omnis, ex commodi at iste itaque iure accusamus a nisi ad nemo, facere exercitationem ea qui aspernatur animi cupiditate repellendus minus excepturi! Harum fugiat excepturi eum velit nisi, dolore. Ad explicabo porro harum, vel quas quis reiciendis quasi quisquam quos placeat dignissimos ducimus in fugit qui veniam iusto, esse repellat, quia sed optio fuga eos eligendi nostrum? Atque eos soluta non expedita cumque repudiandae consequuntur quisquam aspernatur doloremque cupiditate quibusdam omnis, quam aliquid eveniet animi libero vero a quo maiores ab accusamus impedit praesentium. Sapiente excepturi adipisci odit, et doloremque fugiat, quibusdam tempora vel consequuntur earum numquam suscipit in a soluta expedita molestiae similique alias reprehenderit possimus illo autem, hic veniam officia dicta veritatis! At vero neque perferendis odio fugit maxime repellendus voluptates quia in distinctio debitis, doloremque nostrum dolorum, aliquid ipsam voluptate quo laborum. Ipsum, cumque tempore! Voluptas accusantium perferendis minus, molestiae fuga commodi voluptate iusto et neque quia repudiandae, autem rerum ab reprehenderit, tenetur ipsum laudantium. Perspiciatis impedit debitis ratione, aperiam qui fuga rerum odio dolorum est aspernatur dolorem possimus, blanditiis dignissimos deserunt beatae voluptas. Reprehenderit et cumque quas sequi, doloremque dolorum delectus velit quasi minima asperiores quisquam non esse error consequatur itaque voluptates architecto distinctio quod excepturi saepe quae. Vitae recusandae voluptas quidem illum magni necessitatibus est, earum voluptatibus quo animi debitis et nisi, aliquam, nobis facilis atque assumenda. Ipsum, earum cupiditate modi saepe ratione, reprehenderit velit. Laboriosam nobis quidem nihil consectetur provident dolores quisquam repudiandae a sequi id excepturi, aliquam quia perferendis unde quas consequuntur vero nulla ut incidunt. Fugiat tempore, praesentium eum suscipit tempora sint qui quasi, nobis provident, deserunt porro possimus omnis eaque atque et nostrum, delectus autem accusantium nam dolore asperiores. Quidem praesentium, officia impedit obcaecati perspiciatis dolore ipsam, odit commodi deleniti et assumenda error, facilis! Laboriosam obcaecati, qui nihil cumque. Consequatur temporibus culpa ipsum a nobis facilis veritatis voluptate praesentium, saepe aliquam ad delectus molestiae? Ipsum delectus distinctio aliquid necessitatibus facilis pariatur labore doloribus error accusantium ratione natus esse, eius fugiat nisi possimus molestiae deleniti. Obcaecati, architecto labore modi consequuntur nam provident ullam, rem quia impedit blanditiis facilis itaque atque quo eaque pariatur iste dolores repudiandae quae numquam, unde consequatur veritatis deleniti! Corporis quae sunt voluptates explicabo obcaecati voluptate, earum molestiae ad voluptatum eveniet vitae tenetur rem iusto vel deleniti omnis saepe eius pariatur aliquid accusamus. Pariatur earum omnis cupiditate ad impedit sit illo, in alias nulla quia fugit deleniti neque quibusdam dignissimos non suscipit praesentium consequuntur. Molestiae ipsam ea recusandae, quisquam mollitia labore magnam rerum ipsum eum, id explicabo minus deleniti sed debitis consequuntur, illo architecto vero reprehenderit minima. Nisi error, adipisci hic. Voluptas minima quas corporis, tenetur quibusdam fugiat officiis ipsa minus magni voluptatem quam facilis quo maiores esse praesentium eum exercitationem repudiandae, illo ad. Sapiente fuga sit illo, repudiandae.</p>
58+
</div>
59+
</div>
2260

2361
<!-- jQuery (Bootstrap JS plugins depend on it) -->
2462
<script src="js/jquery-1.11.3.min.js"></script>
2563
<script src="js/bootstrap.min.js"></script>
26-
<script src="js/script.js"></script>
2764
</body>
2865
</html>

0 commit comments

Comments
 (0)