-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
286 lines (255 loc) · 12.5 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
<!--This project is being deployed for personal portfolio purposes. All images/logos belong to their respective owners. -->
<!--Code Attribution: -->
<!--Home page inspired by the course "HTML, CSS, and JavaScript. Build 10 Big and Complete Responsive Websites with HTML, CSS, and JavaScript" by Code And Create on Udemy.com -->
<!--Course Link: udemy.com/course/10-mega-responsive-websites-with-html-css-and-javascript/ -->
<!--Images Attribution: -->
<!--Website background image downloaded from kimura2 on Pixabay.com. Link: https://pixabay.com/photos/mountain-volcano-peak-summit-477832/ -->
<!--Exchange rate image downloaded from PhotoMIX-Company on Pixabay.com. Link: https://pixabay.com/photos/european-union-brexit-exchange-rates-1493894/ -->
<!--Dog image downloaded from NeelShakilov on Pixabay.com. Link: https://pixabay.com/photos/dog-labrador-funny-winks-sight-2944964/ -->
<!--Under construction image downloaded from Michael_Luenen on Pixabay.com. Link: https://pixabay.com/photos/construction-site-website-1561769/ -->
<!--Movie image downloaded from dansamu on Pixabay.com. Link: https://pixabay.com/photos/projector-cinema-reel-film-1285696/ -->
<!--Cybersecurity image downloaded from Pete Linforth on Pixabay.com. Link: https://pixabay.com/photos/cyber-security-internet-network-4610993/ -->
<!--Software development image downloaded from Pexels on Pixabay.com. Link: https://pixabay.com/photos/coding-programming-css-1853305/ -->
<!--Asset price chart image downloaded from PIX1861 on Pixabay.come. Link: https://pixabay.com/photos/chart-trading-courses-forex-1905225/ -->
<!--Favicon generated by https://favicon.io/favicon-generator/ -->
<!--Java Logo downloaded from Icon-Icons. Link: https://icon-icons.com/icon/java-original-logo/146458 -->
<!--SQL Logo downloaded from PNGWing. Link: https://www.pngwing.com/en/free-png-zoupl -->
<!--All company logos downloaded from the respective company's brand page-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<link href="styles.css" rel="stylesheet"/>
<link href="images/icon.ico" rel="shortcut icon" type="image/x-icon"/>
<link href="images/icon.ico" rel="icon" type="image/x-icon"/>
<title>Jacob's Portfolio</title>
</head>
<body>
<div class="container">
<section class="section1 center" id="section1">
<h1 class="section1-heading center">Upcoming CS Grad</h1>
<img
alt="A picture of me."
class="avatar"
src="images/profilePicture.png"
/>
<h3 class="name">Jacob Douglas</h3>
<a class="section1-btn" href="#section3">Projects</a>
</section>
<nav class="navbar center">
<a class="navbar-link" href="#section1">Home</a>
<a class="navbar-link" href="#section2">About Me</a>
<a class="navbar-link" href="#section3">Projects</a>
</nav>
<section class="section2" id="section2">
<h1 class="section2-heading">About Me</h1>
<h2 class="section2-body">
My name is Jacob, and I'm currently wrapping up a <span class="text-emphasize">B.S. in Computer
Science</span> from the University of Georgia. I'm seeking technical opportunities starting 2025.<br><br>
I originally earned a B.B.A. in Management Information Systems with an emphasis in Information
Security, but I decided to continue my university studies to expand my CS knowledge and position myself towards a
technical career path.<br><br>
I've programmed with a variety of languages such as C/C++, Java, and Swift for various academic
and personal projects. For example, I recently completed an iOS app for cryptocurrency portfolio tracking
using technologies such as Java, Python, Spring Boot, and Swift/SwiftUI.<br><br>
</h2>
<div class="experience-wrapper center">
<p class="experience-overview">Professional Experience:</p>
<div class="experience">
<div class="experience-text">
<h2 class="experience-name">DataAnnotation</h2>
<h4 class="experience-role">Software Developer (Part-Time Contract), AI Training</h4>
<h4 class="experience-dates">March 2024 - August 2024</h4>
</div>
<img
alt="A picture of a laptop with an IDE running."
class="experience-img"
src="images/SoftwareDevImg.png"
/>
</div>
<div class="experience">
<div class="experience-text">
<h2 class="experience-name">Deloitte</h2>
<h4 class="experience-role">Cybersecurity Analyst, IAM</h4>
<h4 class="experience-dates">July 2022 - July 2023</h4>
</div>
<img
alt="A picture of a hand over a circle that says cybersecurity."
class="experience-img"
src="images/CybersecurityImg.png"
/>
</div>
</div>
<div class="certifications-list">
<p class="certifications-overview">Certifications:</p>
<ul class="certifications-items-container">
<li class="certifications-items">
<img
alt="A picture of the AWS Certified Cloud Practitioner certification logo."
src="images/AWSCloudPractitionerLogo.png"
/>
<p>AWS Certified Cloud Practitioner</p>
</li>
<li class="certifications-items">
<img
alt="A picture of the CompTIA Security+ certification logo."
src="images/CompTIASecurityPlusLogo.png"
/>
<p>CompTIA Security+</p>
</li>
<li class="certifications-items">
<img
alt="A picture of the OCA Java SE 8 certification logo."
src="images/OCAIcon.png"
/>
<p>Oracle Certified Associate, Java SE 8 Programmer</p>
</li>
</ul>
</div>
<div class="skills-list">
<p class="skills-overview">Top Programming Languages:</p>
<ul class="skills-items-container">
<li class="skills-items">
<img
alt="A picture of the C programming language logo."
src="images/CLogo.png"
/>
<p>C</p>
</li>
<li class="skills-items">
<img
alt="A picture of the C++ programming language logo."
src="images/CPPLogo.png"
/>
<p>C++</p>
</li>
<li class="skills-items">
<img
alt="A picture of the Java programming language logo."
src="images/JavaLogo.png"
/>
<p>Java</p>
</li>
<li class="skills-items">
<img
alt="A picture of the Swift programming language logo."
src="images/SwiftLogo.png"
/>
<p>Swift</p>
</li>
<li class="skills-items">
<img
alt="A picture of the SQL database language logo."
src="images/SQLLogo.png"
/>
<p>SQL</p>
</li>
</ul>
</div>
</section>
<section class="section3" id="section3">
<h1 class="section3-heading">Projects</h1>
<div class="projects-wrapper center">
<div class="project">
<div class="project-text">
<h2 class="project-name">Coin Portfolio Tracker</h2>
<h4 class="project-technologies">Java / Python / Spring Boot / Swift</h4>
</div>
<img alt="A picture of an asset price chart." class="project-img" src="images/Investments.png"/>
<a
class="project-link"
href="https://github.com/jdouglas9025/Coin-Portfolio-Tracker"
target="_blank"
>Explore Repository</a>
</div>
<div class="project">
<div class="project-text">
<h2 class="project-name">Exchange Rate Calculator</h2>
<h4 class="project-technologies">HTML / CSS / JS</h4>
</div>
<img alt="A picture of money." class="project-img" src="images/ExchangeRate.jpg"/>
<a
class="project-link"
href="exchange-rate-calculator/exchange-rate-index.html"
target="_blank"
>Explore Web App</a>
</div>
<div class="project">
<div class="project-text">
<h2 class="project-name">Doggo Life API</h2>
<h4 class="project-technologies">Java / Spring Boot / Cyper / SQL</h4>
</div>
<img alt="A picture of a dog winking." class="project-img" src="images/DoggoLifeAPI.jpg"/>
<a
class="project-link"
href="https://github.com/jdouglas9025/doggo-life-api/"
target="_blank"
>Explore Repository</a>
</div>
<div class="project">
<div class="project-text">
<h2 class="project-name">Dynamic Grade Calculator</h2>
<h4 class="project-technologies">HTML / CSS / JS / Java</h4>
</div>
<img alt="A picture of a paper for calculating grades." class="project-img"
src="images/GradeCalculator.png"/>
<a
class="project-link"
href="https://github.com/jdouglas9025/dynamic-grade-calculator"
target="_blank"
>Explore Repository</a>
</div>
<div class="project">
<div class="project-text">
<h2 class="project-name">Great Movies Collection</h2>
<h4 class="project-technologies">HTML / CSS / Java / SQL</h4>
</div>
<img alt="A picture of a movie projector." class="project-img" src="images/Movie.png"/>
<a
class="project-link"
href="https://github.com/jdouglas9025/great-movies-collection"
target="_blank"
>Explore Repository</a>
</div>
<div class="project">
<div class="project-text">
<h2 class="project-name">Uh-Oh!</h2>
<h4 class="project-technologies">Project not yet available.</h4>
</div>
<img alt="A picture of a construction site sign." class="project-img"
src="images/UnderConstruction.jpg"/>
<a class="project-link" href="#" target="">Check back soon!</a>
</div>
</div>
</section>
<footer class="section4" id="section4">
<div class="social-media-container">
<div class="social-media">
<a
class="social-media-link"
href="https://github.com/jdouglas9025"
target="_blank"
>
<img alt="GitHub Logo" src="images/GitHubLogo.png"/>
</a>
</div>
<div class="social-media">
<a
class="social-media-link"
href="https://www.linkedin.com/in/jacob-d-1ba821291"
target="_blank"
>
<img alt="LinkedIn Logo" src="images/LinkedInLogo.png"/>
</a>
</div>
</div>
<p class="release-date">
Last updated September 2024
</p>
</footer>
</div>
<script src="script.js"></script>
</body>
</html>