-
Notifications
You must be signed in to change notification settings - Fork 0
/
photos.html
62 lines (53 loc) · 5.45 KB
/
photos.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Powderhorn | Photos</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Glegoo:wght@400;700&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,400;0,700;1,100;1,400;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/stylesheets/stylesheet.css" type="text/css" />
</head>
<body>
<header>
<nav>
<div class="navbar">
<div><a href="index.html"><img src="assets/images/logo.png" alt="logo" height="90px" /></a></div>
<div class="navitem"><a href="https://thepowderhorn.wordpress.com" target="_blank">Blog</a></div>
<div class="navitem"><a href="photos.html">Photos</a></div>
<div class="navitem"><a href="words.html">Words</a></div>
<div class="search">
<form class="searchbox">
<span><input type="text" name="search" id="topsearch" /></span>
<span class="accent"><input type="image" class="invert" src="assets/images/Search-icon.png" alt="search" /></span>
</form>
</div>
<div class="navright">
<div><a href="#">Sign In</a> / <a href="#">Dealer Locator</a></div>
<div class="viewcart"><a href="#">View Cart<img src="assets/images/shopping-cart-icon.svg" class="cart" alt="cart"></a></div>
</div>
</div>
</nav>
</header>
<div>
<div class="mainhed">Photos</div>
<p class="body bold">Since I'm already pushing the rules by adding the LOGO image for the text logo, here's a lovely chunk of lorem ipsum. Enjoy!</p>
<p class="body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent felis lacus, tincidunt ut tincidunt nec, malesuada id urna. Suspendisse potenti. Fusce malesuada ultricies erat, non ullamcorper massa interdum non. Vivamus finibus, purus ac mattis tincidunt, felis ex pulvinar elit, ac iaculis mauris erat egestas sem. Nam rhoncus dui at risus tristique, hendrerit fringilla metus sollicitudin. Praesent eros eros, ultrices et porttitor blandit, pharetra at lectus. Praesent lobortis eros nec turpis iaculis, sed volutpat lacus ultrices. Curabitur ante mi, rhoncus elementum metus iaculis, fermentum scelerisque diam. Sed ac ipsum elementum, egestas elit quis, molestie nulla.</p>
<p class="body">Vestibulum auctor enim ut mi facilisis, in interdum lacus porttitor. Sed ut tortor non mi egestas convallis. Etiam sodales volutpat nisl, vel tempus massa commodo vel. Vestibulum bibendum accumsan neque, eget convallis dolor pretium non. Nullam gravida nisi sit amet neque mattis porttitor at at lacus. Cras vitae imperdiet arcu. Aenean non purus nulla. Donec lacus enim, luctus pulvinar elit vel, interdum rutrum lacus. Proin dapibus augue nisl, vel viverra risus hendrerit et. Cras dolor velit, tincidunt vitae erat nec, viverra iaculis elit. Cras vestibulum suscipit nulla a scelerisque.</p>
<p class="body">Mauris bibendum vestibulum sapien eu gravida. Nam interdum tellus a nisi hendrerit sollicitudin. Aenean quis metus neque. Integer lorem arcu, tincidunt nec eros in, iaculis tempus metus. Sed tempus tempus ante, in tempor lorem sodales vitae. Vivamus ac tempus velit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin malesuada sodales magna.</p>
<p class="body">Ut sit amet erat vel ligula hendrerit congue in sed felis. Donec ac nisi viverra, facilisis leo a, condimentum ante. Sed non rhoncus augue. Cras vel risus at nibh semper pellentesque. Phasellus accumsan leo non fringilla hendrerit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque laoreet ligula in augue faucibus sagittis. Praesent lobortis varius ipsum.</p>
<p class="body">Duis sit amet aliquam ipsum. Sed ullamcorper vulputate ante, id lobortis turpis posuere sed. Proin vel lacus et quam ultrices accumsan. Aliquam nibh nisi, pellentesque tristique lacinia ut, vehicula sit amet ligula. Sed a dapibus sem. Ut aliquet pretium enim sit amet laoreet. Nunc at vestibulum tellus. Praesent placerat enim accumsan convallis ullamcorper. Vivamus sed ullamcorper dui. Nunc ullamcorper, nisl eget ultrices ullamcorper, leo sem scelerisque velit, eget tincidunt odio nibh eu nisi. Suspendisse sit amet gravida arcu. Aenean nec maximus nibh.</p>
</div>
<footer>
<div class="footer">
<div class="footitem"><a href="index.html">Home</a></div>
<div class="footitem"><a href="https://thepowderhorn.wordpress.com" target="_blank">Blog</a></div>
<div class="footitem"><a href="photos.html">Photos</a></div>
<div class="footitem"><a href="words.html">Words</a></div>
<div class="copyright">© 2021 <a href="mailto:[email protected]">Pete Hahnloser</a></div>
</div>
</footer>
</body>
</html>