-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·396 lines (370 loc) · 19.4 KB
/
index.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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html class="not-ie" lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="description" content="description" />
<meta name="keywords" content="keywords"/>
<meta name="author" content="BRKOR" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<title>Resume Timeline</title>
<!-- google web font-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700' rel='stylesheet' type='text/css'>
<!-- style sheets-->
<link rel="stylesheet" media="all" href="css/bootstrap.css" type="text/css"/>
<link rel="stylesheet" media="all" href="css/custom.css" type="text/css"/>
<!-- main jquery libraries / others are at the bottom-->
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/modernizr.js" type="text/javascript"></script>
</head>
<body>
<!-- Top icons -->
<div class="top-icons">
<a class="top-menu hidden-xs hidden-sm" data-toggle="tooltip" data-placement="top" title="Menu toggle"><span class="glyphicon glyphicon-th-list"></span></a>
<a href="documentation/assets/kristen_chandler_resume.pdf" class="top-download-resume hidden-xs hidden-sm" data-toggle="tooltip" data-placement="top" title="Download resume"><span class="glyphicon glyphicon-cloud-download"></span></a>
<a class="top-contact hidden-xs hidden-sm" data-toggle="tooltip" data-placement="top" title="Contact me"><span class="glyphicon glyphicon-send"></span></a>
</div>
<!-- end Top icons -->
<!-- Navigation -->
<nav id="spy" class="spy hidden-sm hidden-xs">
<ul>
<li class="active"><a href="#profile">Profile</a></li>
<li><a href="#work-experience">Work experience</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#professional-skills">Skills</a></li>
<li><a href="#interests">Interests</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<!-- end Navigation -->
<!-- Navigation for small devices -->
<nav id="mini-nav" class="spy visible-sm visible-xs">
<ul>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown">Menu</a>
<ul class="dropdown-menu">
<li class="active"><a href="#profile">Profile</a></li>
<li><a href="#work-experience">Work experience</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#professional-skills">Skills</a></li>
<li><a href="#interests">Interests</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</li>
</ul>
</nav>
<!-- end Navigation for small devices -->
<!-- Header -->
<header id="header">
<div class="container">
<div class="row">
<div class="col-sm-8 col-sm-offset-2 text-center">
<img src="img/kristen.jpg" class="face" alt="">
<hr class="empty">
<h2>Kristen Chandler</h2>
<p class="header-title">Marketing - Communications - Writer</p>
<p class="header-subtitle"><strong>Hi, I’m Kristen.</strong> Thanks for taking the time to check out my site. Here’s a little bit about me:
Despite the new zip code, I’ll always be a Texas girl at heart; I grew up in Midland before attending high school in Houston.
I’m a graduate of Mays Business School at Texas A&M University, where I studied Marketing and also pursued a minor in Creative Writing.
During my time there, I helped found the Texas A&M Quidditch Team. For you Harry Potter fans out there, yes…it’s exactly what it
sounds like. I served as the team’s first Historian, and was the head event planner and idea-haver for the team’s first university-wide
Yule Ball dance, for which I also designed the t-shirts (that’s a funny story, actually).
<br><br>
I made the move to Nashville in April of 2013, on a whim, with the goal of pursuing songwriting (I hear it’s the place to be for that sort of thing).
I fell madly in love with the city and the people, and I couldn’t imagine living anywhere else.
<br><br>
My biggest passion is writing- songwriting, fiction writing…anything that allows me to put pen to paper, really. In my spare time, I like to travel
(I have what you might call “wanderlust”), rock climb with my hunky husband, lead worship, and spend an inordinate amount time spoiling my cat, Kess,
who has owned me since December of 2015. </p>
</div>
</div>
</div>
</header>
<!-- end Header -->
<!-- Profile -->
<section id="profile" class="profile activate">
<div class="container">
<div class="row">
<div class="col-sm-7 col-sm-offset-5">
<ul>
<li class="title"><span class="glyphicon glyphicon-user"></span>Profile</li>
<li>
<span class="note">Full name</span>
<p><strong>Kristen Chandler</strong></p>
</li>
<li>
<span class="note">Born</span>
<p><strong>04 May 1988</strong></p>
</li>
<li>
<span class="note">Location</span>
<p><strong>Nashville, TN</strong></p>
</li>
<li>
<span class="note">LinkedIn Profile</span>
<p><strong><a href="https://www.linkedin.com/in/kmchandler">https://www.linkedin.com/in/kmchandler</a></strong></p>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- end Profile -->
<!-- Work experience -->
<section id="work-experience" class="work-experience">
<div class="container">
<div class="row">
<div class="col-sm-7 col-sm-offset-5">
<ul>
<li class="title"><span class="glyphicon glyphicon-briefcase"></span>Work experience</li>
<li>
<span class="note">2015 - Current</span>
<p><strong>The Buffkin Group</strong></p>
<p><strong>Office Administrator/Marketing & Social Media Contact</strong> </p>
<!--<p class="description">Vestibulum ut pharetra diam, vitae hendrerit sapien. Praesent porttitor augue nec semper suscipit. Nulla et cursus lectus. Praesent vel feugiat dolor.</p>-->
<ul>
<li>Marketing, Writing, and PR projects</li>
<li>Company marketing and social media contact</li>
<li>Create and distribute press releases for candidate placements upon completion<br> of a search</li>
<li>Coordinate and distribute updates for various newsletters</li>
<li>Manage company website/created copy for new company website</li>
<li>Write copy, create graphics, design, print, and distribute company promotional materials</li>
<li>Approve all social media postings and ensure relevant company news is posted to our website and
social media profiles</li>
<li>Manage company mailing list</li>
</ul>
</li>
<li>
<ul>
<span class="note">2013 - 2014</span>
<p><strong>Barnes & Noble</strong></p>
<p><strong>Assistant Cafe Manager/Cafe Lead</strong></p>
<p class="description">Supervised Café staff, assigning tasks and duties for effective daily operations</p>
<li>Planned and executed marketing for café events</li>
<li>Planned and ran café events</li>
<li>Monitored inventory and managed new orders</li>
<li>Worked in the café taking orders, making drinks, etc.</li>
<li>Worked cash registers, book floor, and monthly book stock</li>
</ul>
</li>
<li>
<ul>
<span class="note">2011 - 2013</span>
<p><strong>Kingsland Baptist Church</strong></p>
<p><strong>Worship Librarian (Assistant to Worship Pastor)</strong></p>
<p class="description">Planned and implemented organizational system for ministry files and records. Fulfilled orders for
ministry-related products. Created and distributed music charts.</p>
<li>Designed and created products for children’s worship ministry</li>
<li>Helped maintain budget and finance records</li>
<li>Assisted with researching, planning, marketing, and execution of ministry events</li>
<li>Assisted Worship Pastor with ancillary tasks and special projects</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- end Work experience -->
<!-- Education -->
<section id="education" class="education">
<div class="container">
<div class="row">
<div class="col-sm-7 col-sm-offset-5">
<ul>
<li class="title"><span class="glyphicon glyphicon-book"></span>Education</li>
<li>
<span class="note">May 2011</span>
<p><strong>Bachelor of Business Administration, Marketing</strong></p>
<p><strong>Texas A&M University - College Station, TX</strong></p>
<!--<p class="description">Vestibulum ut pharetra diam, vitae hendrerit sapien. Praesent porttitor augue nec semper suscipit. Nulla et cursus lectus. Praesent vel feugiat dolor.</p>-->
<ul>
<li>Philadelphia Sisters Christian Sorority- Led as worship chair, completed monthly service projects</li>
<li>The Official Quidditch Team of Texas A&M (sports team) - Co-founder and Historian 2008-2011</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- end Education -->
<!-- Professional skills -->
<section id="professional-skills" class="professional-skills">
<div class="container">
<div class="row">
<div class="col-sm-7 col-sm-offset-5">
<ul>
<li class="title"><span class="glyphicon glyphicon-tasks"></span>Professional skills</li>
<li>
<p>Writing/Copy Writing<span class="annotation pull-right">90%</span></p>
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</li>
<li>
<p>Marketing<span class="annotation pull-right">70%</span></p>
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</li>
<li>
<p>Social Media<span class="annotation pull-right">85%</span></p>
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</li>
<li>
<p>Adobe Photoshop<span class="annotation pull-right">55%</span></p>
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</li>
<li>
<p>Microsoft Office Suite<span class="annotation pull-right">95%</span></p>
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- end Professional skills -->
<!-- Personal skills -->
<!--<section id="personal-skills" class="personal-skills">
<div class="container">
<div class="row">
<div class="col-sm-7 col-sm-offset-5">
<ul>
<li class="title"><span class="glyphicon glyphicon-stats"></span>Personal skills</li>
<li>
<span class="chart" data-percent="95"><span class="skill">Creativity</span>
<span class="percent"></span>
</span>
<span class="chart" data-percent="85"><span class="skill">Social skills</span>
<span class="percent"></span>
</span>
<span class="chart" data-percent="80"><span class="skill">Leadership</span>
<span class="percent"></span>
</span>
</li>
</ul>
</div>
</div>
</div>
</section>-->
<!-- end Personal skills -->
<!-- Interests -->
<section id="interests" class="interests">
<div class="container">
<div class="row">
<div class="col-sm-7 col-sm-offset-5">
<ul>
<li class="title"><span class="glyphicon glyphicon-heart-empty"></span>Book</li>
<li>
<p><strong>The Key</strong></p>
<p class="description">Click below to read or download the first chapter of my book.</p>
<!-- Button trigger modal -->
<a href="documentation/assets/TheKey-chapter1.pdf" class="btn btn-primary" >
Sample chapter
</a>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- end Interests -->
<!-- Modal - photos in zoom-->
<div id="modal1" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-box">
<img src="img/1.jpg" alt="" class="img-responsive">
</div>
</div>
</div>
<div id="modal2" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal2" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-box">
<img src="img/2.jpg" alt="" class="img-responsive">
</div>
</div>
</div>
<div id="modal3" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal3" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-box">
<img src="img/3.jpg" alt="" class="img-responsive">
</div>
</div>
</div>
<div id="modal4" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal4" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-box">
<img src="img/4.jpg" alt="" class="img-responsive">
</div>
</div>
</div>
<!-- end Modal - photos in zoom-->
<!-- Contact -->
<section id="contact" class="contact">
<div class="container">
<div class="row">
<div class="col-sm-7 col-sm-offset-5">
<ul>
<li class="title"><span class="glyphicon glyphicon-envelope"></span>Contact</li>
<li class="static">
<span class="note">Location</span>
<p><strong>Nashville, TN</strong></p>
<!--<p><strong>Victoria 3000 Australia</strong></p>-->
<!-- <span class="note">Mobile</span>
<p><strong>987 654 321</strong></p>
<span class="note">Phone</span>
<p><strong>+61 3 8376 6284</strong></p>-->
<span class="note">Email</span>
<p><strong><a href="mailto:[email protected]">[email protected]</a></strong></p>
<hr class="empty">
<form action="contact.php" method="post">
<div class="form-group input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
<input name="yourname" type="text" class="form-control" id="inputname" placeholder="Enter your name">
</div>
<div class="form-group input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span></span>
<input name="email" type="email" class="form-control" id="inputemail" placeholder="Enter your email">
</div>
<div class="form-group input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-bold"></span></span>
<input name="subject" type="text" class="form-control" id="inputsubject" placeholder="Enter subject">
</div>
<div class="form-group input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-comment"></span></span>
<textarea name="comments" class="form-control" id="inputmessage" rows="3" placeholder="Enter message here"></textarea>
</div>
<button type="submit" class="btn btn-success pull-right"><span class="glyphicon glyphicon-send"></span> Send message</button>
</form>
</li>
<li class="title up"><span class="glyphicon glyphicon-arrow-up"></span>Up</li>
</ul>
</div>
</div>
</div>
</section>
<!-- end Contact -->
<!-- Java Script -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-progressbar.js"></script>
<script src="js/spy.js"></script>
<script src="js/scripts.js"></script>
<!-- Charts -->
<script src="js/jquery.easypiechart.js"></script>
<script src="js/chart.js"></script>
</body>
</html>