-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
244 lines (199 loc) · 9.58 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link href="css/styles.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<title>Resume</title>
</head>
<body>
<div class="resume">
<div class="back" id="bac">
<button class="slider" id="but" onclick="slideReact()">Info</button>
<button class="slider" id="but1" onclick="slideReact1()">School</button>
<button class="slider" id="but2" onclick="slideReact2()">Work</button>
<button class="slider" id="but3" onclick="slideReact3()">Skills</button>
<div class="break">
</div>
<article class="info" id="in" style="visibility:hidden">
<img class="mepic" src="https://i.postimg.cc/vB1kt6sB/Avatar-Maker.png">
<section class="nacon">
<h1 class="name">JENNIFER HER</h1>
<div class ="contact" id="con">
<p class="pcontact"><i class="glyphicon glyphicon-earphone"></i>
Phone: 651.276.1727
</p>
<p class ="econtact"><i class="glyphicon glyphicon-envelope"></i>
Email: jenniher0492@gmail.com
</p>
<p class="hcontact"><i class="glyphicon glyphicon-home"></i>
St. Paul, MN 55117
</p>
</section>
<section class="abme">
<h2 class="about">About Me</h2>
<p class="me">I was born in Madison, Wisconsin and raised in the Twin Cities. I am a mother to one boy and two cats, and am currently living in St. Paul. I love art and drawing, and I believe my life purpose is to create. My mind is always racing to be creative in anything I do! I also love to travel. Seeing the world is one of my many goals in life. Lastly, I love learning; I am always seeking to learn new things.</p>
</div> <!--closes "con"-->
</section>
</article> <!--closes "in"-->
<article class="edn" id="sc" style="visibility:hidden">
<img class="eimg" src="https://static.vecteezy.com/system/resources/previews/026/804/100/non_2x/colorful-school-stationery-supplies-on-transparent-background-bottom-border-applicable-for-posters-announcements-advertising-education-daycare-preschool-back-to-school-shopping-sale-3d-png.png">
<h2 class="etitle">Education</h2>
<div class="schoolt"></div>
<section class="highsch" title="Graduated North High School in June of 2010.">
<p class="hsschool">North High School</p>
<p class="schtext">This certifies that</p>
<p class="schname">Jennifer Her</p>
<p class="schtext">has satisfactorily completed the necessary requirements of study as prescribed by</p>
<p class="schtext">school administrators and is thereby presented with this</p> <p class="hsedulevel">Diploma</p>
<p class="schtext">And is entitled to all the rules and privileges pertaining thereto.</p>
<p class="schtext">Dated this fourteenth day of June</p>
<p class="schtext">two thousand ten.</p>
<img class="hsicon" src="https://validgrad.com/validgrad/skin/images/seals/4.gif">
</section>
<div class="schoolt"></div>
<section class="college" title="Graduated UNWSP with a BA in Intercultural Studies in Dec. of 2014.">
<p class="school">University of</p>
<p class="school1">Northwestern St. Paul</p>
<p class="coltext">Upon recommendation of the Facility and by the authority of the</p>
<p class="coltext">Board of Trustees hereby confers upon</p>
<p class="colname">Jennifer Her</p>
<p class="coltext">the Degree of</p>
<p class="edulevel">Intercultural Studies</p>
<p class="coltext">and with all the Rights, Privileges, Honor, and Responsibilites</p>
<p class="coltext">thereunto appertaining on December two thousand fourteen.</p>
<img class="colicon" src="https://validgrad.com/validgrad/skin/images/seals/8.gif">
</section>
</article> <!--closes "sc"-->
<article class="work" id="wr" style="visibility:hidden">
<p class="woex">Work Experience</p>
<div class="flex">
<section>
<p class="wtitle">Test Coordinator</p>
<img class="wicon" src="https://cdn-icons-png.flaticon.com/512/4472/4472550.png">
<div class="detail">
<div class="wspe">
<p class="wloc">St. Paul Public Schools</p>
<p class="wdate">08/2021-10/2022</p>
</div>
<div class="box">
<p class="wdes">Coordinating and conducting schoolwide exams at Captiol Hill Magnet.</p>
<p class="wlist">
<ul>
<li>Organized, scheduled, and conducted exams for over 600 students.</li>
<li>Organized, scheduled, conducted, and oversaw security training for over 100 staff.</li>
<li>Organized, filed, and distributed secured material for testing.</li>
</ul>
</p>
</div> <!--closes "box"-->
</div> <!--closes "detail"-->
</section>
<section>
<p class="wtitle">Library Assistant</p>
<img class="wicon" src="https://cdn-icons-png.flaticon.com/512/8074/8074804.png">
<div class="detail">
<div class="wspe">
<p class="wloc">St. Paul Public Schools</p>
<p class="wdate">08/2021-10/2022</p>
</div>
<div class="box">
<p class="wdes">Assisting students and staff at Captiol Hill Magnet as head librarian.</p> <p class="wlist">
<ul>
<li>Organized, scheduled, and supervised class visits for over 600 students.</li>
<li>Organized, maintained, and oversaw library space and it's online database and inventory.</li>
<li>Kept, recorded, and allocated library finances.</li>
</ul>
</p>
</div> <!--closes "box"-->
</div> <!--closes "detail-->
</section>
<section>
<p class="wtitle">Nursing Assistant</p>
<img class="wicon" src="https://cdn-icons-png.flaticon.com/512/4320/4320350.png">
<div class="detail">
<div class="wspe">
<p class="wloc2">Regions Hospital</p>
<p class="wdate">08/2017-06/2018</p>
</div>
<div class="box">
<p class="wdes">Providing basic care to patients on seven different floors and units.</p>
<p class="wlist">
<ul>
<li>Filing records of patient cares, patient conditions and safety routines.</li>
<li>Attention to detail in patient monitoring, care, and documentation.</li>
<li>Flexibility in adjusting and responding to quick environmental changes and situations.</li>
</ul>
</p>
</div> <!--closes "box"-->
</div> <!--closes "detail-->
</section>
</div>
</article> <!--closes "wr"-->
<article class="extra" id="ex" style="visibility:hidden">
<section>
<img class="paint" src="https://static.vecteezy.com/system/resources/thumbnails/021/971/442/small/blue-watercolor-stain-watercolor-background-free-png.png">
<h2 class="skills">Skills</h2>
<div class="skwords">
<div class="com">
<p class="lec">C</p>
<p class="leo">o</p>
<p class="lem">m</p>
<p class="lemm">m</p>
<p class="leu">u</p>
<p class="len">n</p>
<p class="lei">i</p>
<p class="lecc">c</p>
<p class="lea">a</p>
<p class="let">t</p>
<p class="leii">i</p>
<p class="leoo">o</p>
<p class="lenn">n</p>
</div> <!--closes "com"-->
<img class="spbub" src="https://static.vecteezy.com/system/resources/previews/028/530/084/original/empty-comic-speech-bubble-with-halftone-effect-vector.jpg">
<div class="att">
<p class="watt">Attention to</p>
<p class="wdea">Detail</p>
</div> <!--closes "att"-->
<div class="cre">
<p class="cletc">C</p>
<p class="cletr">r</p>
<p class="clete">e</p>
<p class="cleta">a</p>
<p class="clett">t</p>
<p class="cleti">i</p>
<p class="cletv">v</p>
<p class="cletii">i</p>
<p class="clettt">t</p>
<p class="clety">y</p>
</div> <!--closes "cre"-->
<div class="cri">
<p class="wcri">Critical</p>
<p class="wthi">Thinking</p>
</div> <!--closes "cri"-->
<div class="team">
<span>Team</span>
<span>work</span>
</div>
<div class="adap">
<span>a</span>
<span>d</span>
<span>a</span>
<span>p</span>
<span>t</span>
<span>a</span>
<span>b</span>
<span>i</span>
<span>l</span>
<span>i</span>
<span>t</span>
<span>y</span>
</div>
</div> <!--closes "skwords"-->
</section>
</article> <!--closes "ex"-->
</div> <!--closes "bac"-->
</div> <!--closes "resume"-->
<script src="js/box.js" type="text/javascript"></script>
</body>
</html>