-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog.html
159 lines (152 loc) · 7.63 KB
/
blog.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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<!--
Template Name: Jeren
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html lang="">
<!-- To declare your language - read more here: https://www.w3.org/International/questions/qa-html-language-declarations -->
<head>
<title>Sarah Holdgrafer | Blog</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="../layout/styles/layout.css" rel="stylesheet" type="text/css" media="all">
</head>
<body id="top">
<!-- ################################################################################################ -->
<!-- Header section -->
<div class="wrapper row1">
<header id="header" class="hoc clear">
<div id="logo" class="fl_left">
<h1><a href="index.html">Sarah Holdgrafer</a></h1>
</div>
<nav id="mainav" class="fl_right">
<ul class="clear">
<li><a href="about.html">About</a></li>
<li><a class="drop" href="resume.html">Resume</a>
<ul>
<li><a href="resume.html#skills">Skills</a></li>
<li><a href="resume.html#education">Education</a></li>
<li><a href="resume.html#employment">Employment</a></li>
</ul>
</li>
<li><a class="drop" href="portfolio.html">Portfolio</a>
<ul>
<li><a href="portfolio.html#techwriting">Technical Writing</a></li>
<li><a href="portfolio.html#videos">Video</a></li>
<li><a href="portfolio.html#infodesign">Information Design</a></li>
</ul>
</li>
<li class="active"><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<!-- ######################################################################## -->
</header>
</div>
<!-- ################################################################################################ -->
<!-- Banner Image before content -->
<div class="bgded overlay" style="background-image:url('../images/demo/backgrounds/vintage_typewriter_1950x515.jpg');">
<div id="breadcrumb" class="hoc clear">
<!-- ################################################################################################ -->
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#">Blog</a></li>
</ul>
<!-- ################################################################################################ -->
</div>
</div>
<!-- ################################################################################################ -->
<div class="wrapper row3">
<main class="hoc container clear">
<!-- main body -->
<!-- ################################################################################################ -->
<div class="content">
<!-- ################################################################################################ -->
<h1>Blog Posts</h1>
<p>Will need to look into creating a proper blog posting page, that will display first part of post, with a "view more" option and pagination at the bottom.</p>
<p>Dapiensociis <a href="#">temper donec auctortortis cumsan</a> et curabitur condis lorem loborttis leo. Ipsumcommodo libero nunc at in velis tincidunt pellentum tincidunt vel lorem.</p>
<p>This is a W3C compliant free website template from <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a>. For full terms of use of this template please read our <a href="http://www.os-templates.com/template-terms">website template licence</a>.</p>
<p>You can use and modify the template for both personal and commercial use. You must keep all copyright information and credit links in the template and associated files. For more website templates visit our <a href="http://www.os-templates.com/">free website templates</a> section.</p>
<p>Portortornec condimenterdum eget consectetuer condis consequam pretium pellus sed mauris enim. Puruselit mauris nulla hendimentesque elit semper nam a sapien urna sempus.</p>
<div class="scrollable">
</div>
</div>
<!-- ################################################################################################ -->
<!-- / main body -->
<div class="clear"></div>
<!-- Pagination for use when portfolio gets big enough
<nav class="pagination">
<ul>
<li><a href="#">« Previous</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><strong>…</strong></li>
<li><a href="#">6</a></li>
<li class="current"><strong>7</strong></li>
<li><a href="#">8</a></li>
<li><a href="#">9</a></li>
<li><strong>…</strong></li>
<li><a href="#">14</a></li>
<li><a href="#">15</a></li>
<li><a href="#">Next »</a></li>
</ul>
</nav> -->
</main>
</div>
<!-- ################################################################################################ -->
<!-- Footer Section -->
<div class="wrapper row4">
<footer id="footer" class="hoc clear">
<div class="one_half first">
<h6 class="heading">Contact & Social</h6>
<ul class="nospace btmspace-30 linklist contact">
<li><i class="fa fa-map-marker"></i>
<address>
Located in Austin, Tx
</address>
</li>
<li><i class="fa fa-envelope-o"></i> info@sarahholdgrafer.com</li>
</ul>
<ul class="faico clear">
<li><a class="faicon-facebook" href="#"><i class="fa fa-facebook"></i></a></li>
<li><a class="faicon-twitter" href="#"><i class="fa fa-twitter"></i></a></li>
<!-- <li><a class="faicon-dribble" href="#"><i class="fa fa-dribbble"></i></a></li> -->
<li><a class="faicon-linkedin" href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a class="faicon-google-plus" href="#"><i class="fa fa-google-plus"></i></a></li>
<!-- <li><a class="faicon-vk" href="#"><i class="fa fa-vk"></i></a></li> -->
</ul>
</div>
<div class="one_half">
<h6 class="heading">Site Info</h6>
<ul class="nospace">
<li><a href="about.html">About</a></li>
<li><a href="resume.html">Resume</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<p class="nospace btmspace-30"></p>
</div>
<!-- #################################################################### -->
</footer>
</div>
<!-- ####################################################################### -->
<!-- Bottom row -->
<div class="wrapper row5">
<div id="copyright" class="hoc clear">
<p class="fl_left">Copyright © 2017 - All Rights Reserved - <a href="#">sarahholdgrafer.com</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
</div>
</div>
<!-- ###################################################################### -->
<a id="backtotop" href="#top"><i class="fa fa-chevron-up"></i></a>
<!-- JAVASCRIPTS -->
<script src="layout/scripts/jquery.min.js"></script>
<script src="layout/scripts/jquery.backtotop.js"></script>
<script src="layout/scripts/jquery.mobilemenu.js"></script>
<script src="layout/scripts/jquery.flexslider-min.js"></script>
</body>
</html>