-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
153 lines (152 loc) · 8.98 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Resume - Jared N. Thomas</title>
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.15.4/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
<a class="navbar-brand js-scroll-trigger" href="#page-top">
<span class="d-block d-lg-none">Jared N. Thomas</span>
<span class="d-none d-lg-block"><img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="https://avatars.githubusercontent.com/u/13207575" alt="..." /></span>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#experience">Experience</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#education">Education</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#skills">Skills</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#interests">Interests</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#awards">Awards</a></li>
</ul>
</div>
</nav>
<!-- Page Content-->
<div class="container-fluid p-0">
<!-- About-->
<section class="resume-section" id="about">
<div class="resume-section-content">
<h1 class="mb-0">
Jared
<span class="text-primary">Thomas</span>
</h1>
<div class="subheading mb-5">
Springfield, MO ·
</div>
<p class="lead mb-5">I am experienced with modern frameworks, languages, and operating systems. My primary focus is to advance the progress of cryptography, digital privacy and security in the information age.</p>
<div class="social-icons">
<a class="social-icon" href="http://linkedin.com/in/jared-thomas-7b500411a/" target="_blank"><i class="fab fa-linkedin-in"></i></a>
<a class="social-icon" href="https://github.com/jarednthomas" target="_blank"><i class="fab fa-github"></i></a>
</div>
</div>
</section>
<hr class="m-0" />
<!-- Experience-->
<section class="resume-section" id="experience">
<div class="resume-section-content">
<h2 class="mb-5">Experience</h2>
<div class="d-flex flex-column flex-md-row justify-content-between">
<div class="flex-grow-1">
<h3 class="mb-0 text-yellow">Web Developer</h3>
<div class="subheading mb-3">
<a href="https://lucentdigital.co/" target="_blank"><span class="text-lucent">Lucent Digital</span></a>
</div>
<p class="text-justify"></p>
</div>
<div class="flex-shrink-0"><span class="text-primary">October 2021 - July 2023</span></div>
</div>
</div>
</section>
<hr class="m-0" />
<!-- Education-->
<section class="resume-section" id="education">
<div class="resume-section-content">
<h2 class="mb-5">Education</h2>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Drury University</h3>
<div class="subheading mb-3">Architecture</div>
</div>
<div class="flex-shrink-0"><span class="text-primary">Aug 2011 - Jan 2013</span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between">
<div class="flex-grow-1">
<h3 class="mb-0">Central High School</h3>
<div class="subheading mb-3">International Baccalaureate Program</div>
</div>
<div class="flex-shrink-0"><span class="text-primary">Aug 2007 - May 2011</span></div>
</div>
</div>
</section>
<hr class="m-0" />
<!-- Skills-->
<section class="resume-section" id="skills">
<div class="resume-section-content">
<h2 class="mb-5">Skills</h2>
<div class="subheading mb-3">Programming Languages & Tools</div>
<ul class="list-inline dev-icons">
<li class="list-inline-item"><i class="fab fa-python"></i></li>
<li class="list-inline-item"><i class="fab fa-html5"></i></li>
<li class="list-inline-item"><i class="fab fa-css3-alt"></i></li>
<li class="list-inline-item"><i class="fab fa-js-square"></i></li>
<li class="list-inline-item"><i class="fab fa-sass"></i></li>
<li class="list-inline-item"><i class="fab fa-wordpress"></i></li>
<li class="list-inline-item"><i class="fab fa-npm"></i></li>
<li class="list-inline-item"><i class="fab fa-node-js"></i></li>
</ul>
<div class="subheading mb-3">Workflow</div>
<ul class="fa-ul mb-0">
<li>
<span class="fa-li"><i class="fas fa-check"></i></span>
Mobile-First, Responsive Design
</li>
<li>
<span class="fa-li"><i class="fas fa-check"></i></span>
Cross Browser Testing & Debugging
</li>
</ul>
</div>
</section>
<hr class="m-0" />
<!-- Interests-->
<section class="resume-section" id="interests">
<div class="resume-section-content">
<h2 class="mb-5">Interests</h2>
<p>Outside of software development I consider myself something of a hardware enthusiast. I enjoy building and gaming on high-end machines, pushing them above and beyond potential limits. If you think you have a decent PC, try running Minecraft with Ray Tracing and set the render distance to 16.</p>
<p>In addition to the above I am fascinated by cryptography and cryptocurreny. In them I believe are the future solutions to communications and currency.</p>
<p class="mb-0">When I was a kid I wanted to be a secret agent.</p>
</div>
</section>
<hr class="m-0" />
<!-- Awards-->
<section class="resume-section" id="awards">
<div class="resume-section-content">
<h2 class="mb-5">Awards & Certifications</h2>
<ul class="fa-ul mb-0">
<li>
<span class="fa-li"><i class="fas fa-trophy text-danger"></i></span>
Google Digital Marketing Fundamentals Certified
</li>
</ul>
</div>
</section>
</div>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>