-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathIndex.html
249 lines (228 loc) · 11.9 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
<!DOCTYPE html>
<html lang="en">
<!--HEAD START-->
<head>
<title>Jonathan Fossel</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="main.css">
<script src="https://kit.fontawesome.com/be86080ea9.js" crossorigin="anonymous"></script>
<meta name="viewport" content="initial-scale=1">
</head>
<!--HEAD END-->
<body>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
</body>
<!--First Page-->
<header class="page-header header container-fluid">
<div id="abc">
<nav>
<ul>
<li><a href="#About">About</a></li>
<li><a href="#work">Expierence</a></li>
<li><a href="#Education">Education</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</div>
<div class="description">
<h1>Jonathan Fossel</h1> <!-- Landing Page Title -->
<p>Connecticut College | Computer Science | Economics</p> <!-- Landing Page Description -->
<a href="https://www.linkedin.com/in/jonathan-fossel-700780159"><i class="fa-brands fa-linkedin fa-2x"></i>
</a>
 
<a href="mailto:[email protected]"><i class="fa fa-envelope fa-2x"></i></a>
 
<a href="https://github.com/jfossel2002"><i class="fa fa-github fa-2x"></i></a>
</a>
</div>
</header>
<script src="main.js"></script>
<div class="container">
<div class="row justify-content-center">
<div class="col-4">
<br>
<h3 class="feature-title" style="font-size:32px; color: #FFFFFF;font-family: Courier New"><br><a id="About">About Me</a></h3>
<img src="images/column-1.jpg" class="img-fluid">
<p style="font-size:20px; color: #555555; font-family: Courier New">I am a current Connecticut College Sophomore who is passionate about studying computer science and economics. I most recently worked at the <a href="#SSA"><mark class="white">Silicon STEM Academy</mark> </a>as a Senior Counselor teaching students ages 10-16 coding, cybersecurity, 3D design and printing, and robotics.
<br>
<br>
On top of my coursework, such as algorthims, object orietned sofrware deisgn, and cybersecurity, and my summer job, I also work on many independent projects. Most recently an IOS app designed to help people solve the Rubik's cube. I also run Cross Country and Track and Field.
<br>
<br>
<p style="font-size:20px; color: #0088FF; font-family: Courier New">
<mark class="grey">Skills</mark><br>Java         GO
<br>Python       C++
<br>R            MS Suite
</p>
</p>
<br>
</div>
<div class="col-4" align="center">
<h3 class="feature-title"></h3>
<p><br><br><br><br><br><p>
<div id="image" >
<img src="images/Profile.JPG" align="middle" width="400" height=auto >
</div>
<p></p>
</div>
</div>
</div>
<div class="container2">
<p style="font-size:64px; color: #555555;text-align:center; font-family: Courier New"><a id="work">Work Expierence</a>
<p>
<div class="row justify-content-center">
<div class="col-4">
</div>
<div class="col-md-auto">
<br>
<span class="fa-stack" style="vertical-align: middle;">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fas fa-briefcase fa-stack-1x"></i>
</span>
</div>
<div class="col-6">
<p style="font-size:32px; color: #000000;text-align:left; font-family: Courier New"><a id="SSA">Silicon Stem Academy</a>
<p>
<p style="font-size:18px; color: #777777;text-align:left; font-family: Courier New"> Worked as a Senior Counselor (head of the classroom) at the Silicon STEM Academy teaching students ages 10-16 coding, cybersecurity, 3D design and printing, VR, and robotics
<p>
</div>
</div>
<div class="row justify-content-center">
<div class="col-4">
<div class="p-2">
<p style="font-size:32px; color: #000000;text-align:right; font-family: Courier New">Intern & Researcher
<p>
<p style="font-size:24px; color: #0088FF;text-align:right; font-family: Courier New">Summer 2022
<p>
</div>
</div>
<div class="col-md-auto">
<br>
<span class="fa-stack" style="vertical-align: middle;">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fas fa-briefcase fa-stack-1x"></i>
</span>
</div>
<div class="col-6">
<p style="font-size:32px; color: #000000;text-align:left; font-family: Courier New">Griffiss Institute - Advanced Course in Engineering (ACE)
<p>
<p style="font-size:18px; color: #777777;text-align:left; font-family: Courier New"> Completed a 10-week cybersecurity boot camp involving simulated cyber warfare operations. Conducted and delivered research on open-source post-exploitation software for the Air Force Research Lab. Received leadership training through case studies presented by civilian and military experts. Won a 56-hour cyber warfare competition as a cyber-operator in which my “nation” completed a succession of cybersecurity operations in a dynamic, simulated environment Solved & wrote extensive reports on eight challenge problems concerning relevant cybersecurity topics such as red teaming and covert channels
<p>
</div>
</div>
<!--GA Begin-->
<div class="row justify-content-center">
<div class="col-4">
<div class="p-2">
<p style="font-size:32px; color: #000000;text-align:right; font-family: Courier New">Graduate Assistant
<p>
<p style="font-size:20px; color: #0088FF;text-align:right; font-family: Courier New">2022-2023
<p>
</div>
</div>
<div class="col-md-auto">
<br>
<span class="fa-stack" style="vertical-align: middle;">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fas fa-briefcase fa-stack-1x"></i>
</span>
</div>
<div class="col-6">
<p style="font-size:32px; color: #000000;text-align:left; font-family: Courier New"><a id="ACE-GA">Griffiss Institute - Advanced Course in Engineering (ACE)</a>
<p>
<p style="font-size:18px; color: #777777;text-align:left; font-family: Courier New"> Invited back as one of 7 interns to be a gradutae assistant to the ACE program
<p>
</div>
</div>
<!--GA End-->
<p style="font-size:64px; color: #555555;text-align:center; font-family: Courier New"><a id="Education">Education</a>
<div class="row justify-content-center">
<div class="col-4">
<div class="p-2">
<p style="font-size:32px; color: #000000;text-align:right; font-family: Courier New">Highschool
<p>
<p style="font-size:24px; color: #0088FF;text-align:right; font-family: Courier New">2016-2020
<p>
</div>
</div>
<div class="col-md-auto">
<br>
<span class="fa-stack" style="vertical-align: middle;">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fas fa-pencil fa-stack-1x"></i>
</span>
</div>
<div class="col-6">
<p style="font-size:32px; color: #000000;text-align:left; font-family: Courier New">Colorado Academy
<p>
<p style="font-size:18px; color: #777777;text-align:left; font-family: Courier New"> Recieved academic honors and won Cross Country hardest worker award. Captained my highschool Cross country team for two years, qualified for the state meet both years. Member of the Math Club and the American Computer Science League. Won the 2019 Lockheed Martin Cyberquest competing agaisnt teams across Colorado and the country.
<p>
</div>
</div>
<div class="row justify-content-center">
<div class="col-4">
<div class="p-2">
<p style="font-size:32px; color: #000000;text-align:right; font-family: Courier New">Education
<p>
<p style="font-size:24px; color: #0088FF;text-align:right; font-family: Courier New">Summer 2019
<p>
</div>
</div>
<div class="col-md-auto">
<br>
<span class="fa-stack" style="vertical-align: middle;">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fas fa-pencil fa-stack-1x"></i>
</span>
</div>
<div class="col-6">
<p style="font-size:32px; color: #000000;text-align:left; font-family: Courier New">Syracuse University
<p>
<p style="font-size:18px; color: #777777;text-align:left; font-family: Courier New"> Completed the Syracuse Summer Colelge Cybersecruity program where we studied and solved mondern cybersecruity problems in a classroom setting. The program culminated in a hackathon, where we maintained a simulated company’s servers against a series of attacks and breaches
<p>
</div>
</div>
<div class="row justify-content-center">
<div class="col-4">
<div class="p-2">
<p style="font-size:32px; color: #000000;text-align:right; font-family: Courier New">College
<p>
<p style="font-size:24px; color: #0088FF;text-align:right; font-family: Courier New">2020-2024
<p>
</div>
</div>
<div class="col-md-auto">
<br>
<span class="fa-stack" style="vertical-align: middle;">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fas fa-pencil fa-stack-1x"></i>
</span>
</div>
<div class="col-6">
<p style="font-size:32px; color: #000000;text-align:left; font-family: Courier New">Connecticut College
<p>
<p style="font-size:18px; color: #777777;text-align:left; font-family: Courier New"> Double major in Computer science and economics. Member of the varsity cross country and track teams. Receieved the Thames Scholarship for academic exelence, deans high honors winner all semesters, and The Julia Wells Bower Prize for distinction in mathematics. Member of College Republicans and The Peggotty Investment Club, treasuer of the Gaming Club.
<p>
</div>
</div>
<p style="font-size:32px; color: #000000;text-align:center; font-family: Courier New">Projects</p>
<div class="row justify-content-center">
<div class="col-sm">
<p style="font-size:18px; color: #777777;text-align:center; font-family: Courier New">
This Website
<p>
<a href="https://www.jonathanfossel.com/">
<img src="images/website.png"
class="center"> </a>
</div>
<div class="col-sm">
</div>
<div class="col-sm">
</div>
</div>
</div>
</body>
</html>