-
Notifications
You must be signed in to change notification settings - Fork 0
/
cv.html
173 lines (170 loc) · 11.3 KB
/
cv.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>CV - girl</title>
<meta property="og:image" content="https://www.daturadev.github.io/girl/assets/img/tech/gsf.png">
<meta name="description" content="girl | Developer Portfolio">
<meta property="og:type" content="website">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="270x270" href="assets/img/mstile-150x150.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/Lato.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/css/pikaday.min.css">
</head>
<body>
<nav class="navbar navbar-dark navbar-expand-lg fixed-top bg-white border rounded-0 d-flex justify-content-center align-items-start order-first portfolio-navbar gradient">
<div class="container"><a class="navbar-brand logo" href="#" style="color: rgb(221,221,221);">girl</a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon" style="color: rgb(221,221,221);"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="index.html" style="color: rgb(221,221,221);">Home</a></li>
<li class="nav-item"><a class="nav-link" href="projects-grid-cards.html" style="color: rgb(221,221,221);">Projects</a></li>
<li class="nav-item"><a class="nav-link active" href="cv.html" style="color: rgb(221,221,221);">CV</a></li>
<li class="nav-item"><a class="nav-link" href="hire-me.html" style="color: rgb(221,221,221);">Hire me</a></li>
</ul>
</div>
</div>
</nav>
<main class="page cv-page">
<section class="portfolio-block block-intro border-bottom">
<div class="container">
<div class="avatar" style="background: url("assets/img/IMG_1737.jpg");background-size: contain;"></div>
<div class="about-me">
<p>Hello! I'm <strong>Jae Williams</strong>. I am a web & application developer, information security professional, and professional pen-tester.</p><a class="btn btn-outline-primary" role="button" href="#">Hire me</a>
</div>
</div>
</section>
<section class="portfolio-block cv">
<div class="container"><div class="work-experience group">
<div class="heading">
<h2 class="text-center" style="font-style: italic;font-weight: bold;">Work Experience</h2>
</div>
<div class="item">
<div class="row">
<div class="col-md-6">
<h3 style="font-weight: bold;font-style: italic;">
IT Specialist
</h3>
<h4 class="organization" style="color: rgb(255,255,0);background: rgb(0,0,0);">
Army Enterprise Service Desk
</h4>
</div>
<div class="col-md-6">
<span class="period">
10/2013 - 04/2015
</span></div>
</div>
<p class="text-muted">Working under the Department of Defense familiarized me with military culture, systems, documentation, allowed for further training and certification and is my primary career pursuit. I was familiarized with ServiceNow, the phoenetic alphabet. Call Vance Stapleton, the AESD POC @ +1 (860) 888-1888</p>
</div>
<div class="item">
<div class="row">
<div class="col-md-6">
<h3 style="font-weight: bold;font-style: italic;">Geek Squad | Consultation Agent</h3>
<h4 class="organization" style="color: rgb(0,0,0);background: rgb(255,130,14);">Best Buy | Geek Squad</h4>
</div>
<div class="col-md-6"><span class="period">10/2013 - 04/2015</span></div>
</div>
<p class="text-muted">Working at Geek Squad, my job was to analyze, diagnose, and recommend an action plan to remedy infected, defective, and broken hardware, software, and operating systems. I became proficient in dealing with PII, documentation, ticketing systems, and hardware/software issues</p>
</div>
<div class="item">
<div class="row">
<div class="col-6">
<h3 style="font-style: italic;">Freelance | Front & Back-End Developer</h3>
<h4 class="organization" style="background: rgb(178,255,14);color: rgb(112,125,241);">Freelance</h4>
</div>
<div class="col-md-6"><span class="period">05/2015 - 12/2017</span></div>
</div>
<p class="text-muted">I have worked independently establishing servers for e-mail, web-applications, firewalls, and more. I am familiar with back-end databasing and their vulnerabilities.</p>
</div>
<div class="item">
<div class="row">
<div class="col-md-6">
<h3 style="font-style: italic;">Freelance | Pentesting</h3>
<h4 class="organization" style="background: rgb(0,0,0);">Freelance</h4>
</div>
<div class="col-md-6"><span class="period">12/2017 - Present</span></div>
</div>
<p class="text-muted">I have been hired by individuals & small organizations to test, analyze, and recommend more efficient, cheaper, more available, and reliant methods of securing & properly defending their web applications, servers, and databases. Think NMap, Metasploit, Wireshark, OWASP Zap, DoS attacks, phishing, etc.</p>
</div>
</div>
<div class="education group">
<div class="heading">
<h2 class="text-center" style="font-weight: bold;font-style: italic;">Education</h2>
</div>
<div class="item">
<div class="row">
<div class="col-md-6">
<h3 style="font-style: italic;font-weight: bold;">High School</h3>
<h4 class="organization">Elgin Academy</h4>
</div>
<div class="col-6"><span class="period">09/2005 - 05/2010</span></div>
</div>
</div>
<div class="item">
<div class="row">
<div class="col-md-6">
<h3>Applied Physics & Chemistry - Undergraduate</h3>
<h4 class="organization">Northern Illinois University</h4>
</div>
<div class="col-md-6"><span class="period">09/2010 - 06/2015</span></div>
</div>
</div>
</div>
<div class="group">
<div class="row">
<div class="col-md-6">
<div class="skills portfolio-info-card">
<h2 style="font-weight: bold;font-style: italic;">Skills</h2>
<h3 style="font-style: italic;">Information Security</h3>
<div class="progress">
<div class="progress-bar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"><span class="visually-hidden">100%</span></div>
</div>
<h3 style="font-style: italic;"><strong>Web Development / Programming</strong></h3>
<div class="progress">
<div class="progress-bar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;"><span class="visually-hidden">90%</span></div>
</div>
<h3 style="font-style: italic;">Networking / Cloud</h3>
<div class="progress">
<div class="progress-bar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;"><span class="visually-hidden">80%</span></div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="contact-info portfolio-info-card">
<h2 style="font-weight: bold;font-style: italic;">Contact Info</h2>
<div class="row">
<div class="col-1"><i class="icon ion-person icon"></i></div>
<div class="col-9"><span style="font-style: italic;">Jae Williams</span></div>
</div>
<div class="row">
<div class="col-1"><i class="icon ion-at icon"></i></div>
<div class="col-9" style="font-style: italic;"><span>[email protected]</span></div>
</div>
</div>
</div>
</div>
</div>
<div class="hobbies group">
<div class="heading">
<h2 class="text-center" style="font-weight: bold;font-style: italic;">A bit about me</h2>
</div>
<p class="text-center text-muted" style="font-style: italic;">I'm not just a computer nerd! Aside from my interest in all things tech, did you know that I am fluent in the Russian language? I love being outside & active, and have a genuine passion for learning. I am capable of working in a team, or independently - leading & following. I love investigative tasks, learning how things work, and making them do what they otherwise would not.</p>
</div>
</div>
</section>
</main>
<footer class="page-footer">
<div class="container-fluid font-monospace text-center" style="filter: brightness(100%) grayscale(100%) saturate(200%);">
<div class="links"><a href="index.html">Home</a><a href="cv.html">Skills & Certifications</a><a href="projects-grid-cards.html">Projects</a></div><a href="hire-me.html">Contact</a>
<div class="social-icons" style="margin: 19px 0px 16px;"><a href="#" data-bs-target="https://github.com/daturadev"><i class="icon ion-social-github"></i></a><a href="#" data-bs-target="https://www.linkedin.com/in/jaedinnotestein-williams/"><i class="icon ion-social-linkedin"></i></a></div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/pikaday.min.js"></script>
<script src="assets/js/theme.js"></script>
</body>
</html>