WhatHappensNow/firstPost.html at master · FrancescaR1/WhatHappensNow · 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
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
108
109
110
<!DOCTYPE HTML>
<!--
	Future Imperfect by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>What Happens Now</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="assets/css/main.css" />
	</head>
	<body class="single is-preload">

		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Header -->
					<header id="header">
						<h1><a href="index.html">What Happens Now</a></h1>
						<nav class="links">
							<ul>
								<li><a href="about.html">About</a></li>
								<li><a href="recentPosts.html">Recent Posts</a></li>
							</ul>
						</nav>
						<nav class="main">
							<ul>
								<li class="search">
									<a class="fa-search" href="#search">Search</a>
									<form id="search" method="get" action="#">
										<input type="text" name="query" placeholder="Search" />
									</form>
								</li>
								<li class="menu">
									<a class="fa-bars" href="#menu">Menu</a>
								</li>
							</ul>
						</nav>
					</header>

				<!-- Menu -->
					<section id="menu">

						<!-- Search -->
							<section>
								<form class="search" method="get" action="#">
									<input type="text" name="query" placeholder="Search" />
								</form>
							</section>

						<!-- Links -->
							<section>
								<h5>Want to say hi? You can email me at <a href="mailto: whathappensnow20@gmail.com">whathappensnow20@gmail.com</a> I'll do my best to answer in a timely way but I chose my sign off for a reason!</h5>
							</section>


					</section>

				<!-- Main -->
					<div id="main">

						<!-- Post -->
							<article class="post">
								<header>
									<div class="title">
										<h2><a href="#">The Very Beginning </a></h2>
										<p>It's a very good place to start</p>
									</div>
									<div class="meta">
										<time class="published" datetime="2015-11-01">June 7, 2020</time>
										<a href="#" class="author"><span class="name">-E</span><img src="images/avatar.jpg" alt="" /></a>
									</div>
								</header>
								<span class="image featured"><img src="images/pic01.jpg" alt="" /></span>
								<p>Hi Friend,</p>
								<p align="justify"> I’ve been toying with the idea of doing something like this for a long time now, but I never quite knew how or had the time to start such an involved project. But with an entire empty summer of social distancing in front of me and the strong encouragement of a couple of friends behind me, I’ve finally found the momentum to start. In the last few years, I’ve been trying to figure out a lot of things - how my life plays out with a chronic illness, how to handle not being the perfect A student anymore and the feeling that that makes me inadequate and unworthy, how to be a good friend and daughter when I can’t rely on my body or mind to be functional when I’m needed, plus all your typical college student things. And as lost as I still am right now, the most insight I’ve gotten has been when talking to friends in similar situations and hearing about other people’s experiences. So here I am, hoping that my rambling can help me and maybe even help you - or at the very least entertain you a little along the way!  </p>
								<p>Sporadically yours, </p>
								<p>-E</p>
								<footer>
									<ul class="stats">
										<li><a href="#">General</a></li>
										<li><a href="#" class="icon solid fa-heart">28</a></li>
										<li><a href="#" class="icon solid fa-comment">128</a></li>
									</ul>
								</footer>
							</article>

					</div>

				<!-- Footer -->
					<section id="footer">
						<ul class="icons">
							<li><a href="mailto: whathappensnow20@gmail.com" class="icon solid fa-envelope"><span class="label">Want to say hello?</span></a></li>
						</ul>
						<p class="copyright">&copy; Untitled. Design: <a href="http://html5up.net">HTML5 UP</a>. Images: <a href="http://unsplash.com">Unsplash</a>.</p>
					</section>

			</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/browser.min.js"></script>
			<script src="assets/js/breakpoints.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

	</body>
</html>