blog/index.html at master · sphawley/blog · GitHub

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
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>The Blahwg</title>
		<meta name="description" content="The Blahwg grows when you aren't watching" />
		<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" />
		<link rel="stylesheet" href="css/style.css">
		<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Slabo+13px&display=swap" rel="stylesheet">
	</head>
	<body>
		<div class="homeContainer">
			<div class="header">
				<h1>The Blahwg</h1>
				<img class="headerIcon" src="images/mushroom.png" alt="Toadstool" />
				<a href="pages/subscribe.html"><button class="button">Subscribe</button></a>
			</div>
			<div class="sidebar">
				<h2>Posts</h2>
				<ol>
					<li><a href="pages/post.html">Lorem Ipsum</a></li>
					<li><a href="pages/post.html">Veni Vidi Vici</a></li>
					<li><a href="pages/post.html">Qwabitty Assurance</a></li>
					<li><a href="pages/post.html">Ppl Mumble. Beer Squeaks.</a></li>
					<li><a href="pages/post.html">Aliquet Lectus</a></li>
					<li><a href="pages/post.html">Ullamcorper</a></li>
					<li><a href="pages/post.html">Ni Nulla</a></li>
					<li><a href="pages/post.html">Stellaluna</a></li>
				</ol>
			</div>
			<div class="intro">
				<p>Hi there! This is a blog about non quam lacus suspendisse faucibus. Eget nunc lobortis mattis aliquam faucibus purus in. Volutpat lacus laoreet non curabitur gravida arcu ac tortor dignissim. Eleifend quam adipiscing vitae proin sagittis nisl. Amet consectetur adipiscing elit duis. Vel pretium lectus quam id leo in.</p>
			</div>
			<ol class="recentPosts">
				<li class="card">
					<img class="cardImage" src="images/reflect.jpeg" alt="Sunset reflection" />
					<h3>Lorem Ipsum</h3>
					<p><em>May 29, 2020</em></p>
					<p>Pulvinar etiam non quam emaynitas sableth lacus suspendisse faucibus. Nisl vel pretium lectus quam id leo in vitae. Id semper risus in hendrerit. Tristique nulla aliquet enim tortor...</p>
					<a class ="continueReading" href="pages/post.html"><button class="button">Continue Reading</button></a>
					</li>
				<li class="card">
					<img class="cardImage" src="images/indy.jpeg" alt="Stone palace" />
					<h3>Veni Vidi Vici</h3>
					<p><em>May 21, 2020</em></p>
					<p>Accumsan lacus vel facilisis volutpat est velit. In iaculis nunc sed augue lacus viverra vitae. Nec tincidunt praesent semper feugiat. Nulla at volutpat diam ut venenatis tellus...</p>
					<a class ="continueReading" href="pages/post.html"><button class="button">Continue Reading</button></a>
					</li>
				<li class="card">
					<img class="cardImage" src="images/granite.jpeg" alt="Yosemite" />
					<h3>Qwabitty Assurance</h3>
					<p><em>May 15, 2020</em></p>
					<p>Sapien qwabitty qwabitty  assurance nec sagittis aliquam malesuada bibendum arcu vitae elementum. Feugiat in ante metus dictum at tempor commodo ullamcorper...</p>
					<a class ="continueReading" href="pages/post.html"><button class="button">Continue Reading</button></a>
					</li>
				<li class="card">
					<img class="cardImage" src="images/fourbythree.png" alt="4:3" />
					<h3>Ppl Mumble. Beer Squeaks.</h3>
					<p><em>May 9, 2020</em></p>
					<p>Amet dictum sit amet justo malec donec enim. Id aliquet lectus proin nibh. Sit amet mauris commodo quis imperdiet. Pellentesque elit ullamcorper dignissim cras...</p>
					<a class ="continueReading" href="pages/post.html"><button class="button">Continue Reading</button></a>
					</li>
				</ol>
			<div class="footer">
				<div class="footerItem"><a href="pages/subscribe.html">contact</a></div>
				<div class="footerItem"><a href="pages/subscribe.html">follow</a></div>
				<div class="footerItem"><a href="pages/subscribe.html">subscribe</a></div>
			</div>
		</div>
	</body>
</html>