-
Notifications
You must be signed in to change notification settings - Fork 0
/
topicofinterest1.html
148 lines (141 loc) · 7.43 KB
/
topicofinterest1.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
<!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 | About</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 class="active"><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><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="#">About</a></li>
</ul>
</div>
</div>
<!-- ################################################################################################ -->
<div class="wrapper row3">
<main class="hoc container clear">
<!-- main body -->
<!-- ################################################################################################ -->
<div class="content">
<!-- ################################################################################################ -->
<h1>Who I am...</h1>
<!-- borderedbox class removed from image -->
<img class="imgr inspace-5" src="../images/demo/about_hat_bigger.jpg" alt="Small Headshot Image">
<p>I strive to make meaning in a world of unintelligible gobbledigook. <br> Sometimes I tell stories, sometimes I make lists. Our world is flooded with information. I'm here to make sense out of it.</p>
<!-- <img class="imgl borderedbox inspace-5" src="../images/demo/imgl.gif" alt=""> -->
<p></p>
<h1>Background...</h1>
<p>My path to technical communication was not the usual one (if there even is such a path). I studied Music and Sound Recording Technology, interned in a recording studio, worked in technical support, taught English overseas, managed an Alamo Drafthouse, tended many bars and waited many tables. Each experience taugh me valuable lessons about people and communication.</p>
<p>It was my time as a bookseller (at the best indie bookstore ever... Austin's BookPeople) that finally put me on the path to the Graduate College at Texas State University and, evenutually, to writing documentation for a living. </p>
<p>Currently, I am the manager of the self-service and content team for ShipStation, which means I run the company’s user-facing help center, as well as create internal documentation like training materials, job aids, and team protocol guides.</p>
<h1>Interests...</h1>
<p>Communication, information design, discourse & rhetoric, data visualization, digital media theory, usability, collaboration, narrative storytelling, and so much more...</p>
<p>INCLUDE LINKS TO TWO ADDITIONAL PAGES WITH CONTENT ABOUT YOUR INTERESTS</p>
<div class="scrollable">
</div>
</div>
<!-- ################################################################################################ -->
<!-- / main body -->
<div class="clear"></div>
</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>