-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproducts.html
88 lines (71 loc) · 5.26 KB
/
products.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 name="author" content="Dustin Busmer" />
<meta name="keywords" content="Prep List, hospitality, kitchenware, kitchen, utensils" />
<meta name="description" content="Product page for the kitchenware store Prep List" />
<link href="styles.css" rel="stylesheet" />
<link rel="icon" href="images/chef-logo.png" type="image/ico" />
<title>Products</title>
</head>
<body>
<h1 id="top" class="pageHeader">Prep List</h1>
<nav>
<ul class="navBar">
<li><a href="index.html">Home</a></li>
<li><a class="active">Products</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="purchase.html">Purchase</a></li>
<li><a href="sitemap.html">Sitemap</a></li>
</ul>
</nav>
<main>
<section>
<h2 class="subHead" id="product">Products</h2>
<p class="mainP"><!--I left this un-lorem ipsumed as it pertains to the purchase page-->
At Prep List we pride ourselves on having the widest selection of kitchenware available in the southern hemishpere, some (but definetley not all) of the amazing products we have on offer include:
</p>
<ul id="productList">
<li>Knives</li>
<li>Forks</li>
<li>Spoons</li>
<li>Sporks</li>
<li>Knorks</li>
<li>And so many more variations of these three...</li>
</ul>
</section>
<section> <!--Specials the store wishes to run-->
<h2 class="subHead" id="specials">Specials</h2>
<p class="mainP">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec condimentum ut lacus vel pulvinar. Praesent vehicula aliquam vehicula. Aliquam sit amet mauris justo. Sed nec pharetra turpis. In quis lacinia augue. Morbi sodales lorem imperdiet, bibendum neque et, pulvinar dui. Curabitur fermentum tristique velit, a lacinia erat tristique quis. Nulla congue, ipsum at faucibus vulputate, sapien felis pulvinar risus, eget dapibus mi nisl vitae ligula. Cras ut nunc tortor. Proin faucibus metus vitae augue eleifend blandit.
</p>
<p class="mainP">
In quis cursus libero. Sed lacinia eu enim nec sollicitudin. Praesent euismod magna vel risus tempus tristique. Proin interdum finibus quam, id mattis urna rutrum non. Phasellus sollicitudin luctus luctus. Suspendisse id purus ligula. Vestibulum scelerisque nulla nunc, et facilisis elit malesuada nec. Nunc non placerat nisi.
</p>
<p class="mainP">
Aenean et consequat dolor. Pellentesque luctus placerat mi ac cursus. Donec cursus ligula ac malesuada vehicula. Mauris magna justo, tristique non dolor sed, molestie pulvinar sem. Nam maximus enim ac tellus suscipit vestibulum. Etiam pretium gravida ex non tincidunt. Fusce at mi auctor, varius dolor id, egestas nibh. Aenean iaculis mi ut eleifend bibendum. Quisque rutrum urna eget vulputate placerat.
</p>
</section>
<section> <!--Deals for hospitality workers-->
<h2 class="subHead" id="hospoDeals">Hospo deals</h2>
<p class="mainP">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet accumsan risus lobortis lacinia. Aenean sit amet magna sit amet nisi condimentum tristique non quis diam. Praesent sagittis accumsan mauris nec gravida. Vivamus sem quam, euismod quis sodales id, vehicula vitae leo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec scelerisque nulla neque, vel bibendum magna malesuada et. In volutpat tincidunt sagittis. Sed eget eros vel diam tincidunt tempus facilisis aliquam quam. Ut non lacus eu felis euismod tempus. Fusce massa quam, scelerisque sed libero eget, congue faucibus felis. Fusce id tristique elit, id venenatis sapien. Interdum et malesuada fames ac ante ipsum primis in faucibus.
</p>
<p class="mainP">
Praesent nec diam et nibh suscipit ultricies quis ac orci. Sed aliquam lacus ut massa eleifend elementum. Duis iaculis sollicitudin posuere. In finibus erat id dolor sodales, sit amet pharetra felis iaculis. Sed nec metus id felis faucibus luctus. Donec euismod ex tortor, in vehicula odio sagittis eu. Vivamus ac purus nibh. Curabitur feugiat consequat neque vitae tristique. Nam sollicitudin mollis hendrerit. Maecenas eget dolor purus.
</p>
</section>
</main>
<footer>
<p>
<span class="copyright">Copyright © 2020 Prep List. All rights reserved.</span>
<a class="topLink" href="#top">Top</a>
<span class="badges"> <!--HTML CSS validation links-->
<a href="https://validator.w3.org/#validate_by_input"><img src="images/200px-HTML5_logo_and_wordmark.png" alt="HTML5 validation" height="50" width="50" /></a>
<a href="https://jigsaw.w3.org/css-validator/#validate_by_input"><img src="images/CSS3_logo_and_wordmark.svg(1).png" alt="CSS validation" height="50" width="35" /></a>
</span>
</p>
</footer>
</body>
</html>