-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
543 lines (536 loc) · 21.7 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
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
<!DOCTYPE html>
<html lang="en" data-random-animation="false" data-animation="11">
<head>
<title>Matthew Jury's Resume</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta
name="description"
content="Matthew Jury's personal website and resume"
/>
<meta
name="keywords"
content="Matthew Jury, Matthew, Jury, MatthewJury, MatthewJury.com, Matthew Jury's Resume, Matthew Jury's Portfolio, Matthew Jury's Personal Website"
/>
<meta name="author" content="Matthew Jury" />
<!--Open Graph Tags-->
<meta property="og:title" content="Matthew Jury's Resume" />
<meta
property="og:description"
content="Matthew Jury's personal website and resume"
/>
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.matthewjury.com" />
<meta
property="og:image"
content="https://www.matthewjury.com/img/profile-img.jpg"
/>
<meta property="og:site_name" content="Matthew Jury's Resume" />
<meta property="og:locale" content="en_US" />
<link href="css/plugins.css" rel="stylesheet" />
<link href="css/style-dark.css" rel="stylesheet" />
<link href="css/blue-color.css" rel="stylesheet" />
<link href="css/plugins/jquery.animatedheadline.css" rel="stylesheet" />
<script src="js/modernizr.js"></script>
<script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>
<!-- Google tag (gtag.js) -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-H5CYPNFYCS"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-H5CYPNFYCS");
</script>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<!--Preloader Start-->
<div class="preloader">
<div class="loader">
<!--Your Name-->
<h4>Matthew Jury</h4>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
<!--Preloader End-->
<div id="page">
<!--Header Start-->
<header>
<div class="header-content">
<!--Mobile Header-->
<div class="header-mobile">
<a class="header-toggle"><i class="fas fa-bars"></i></a>
<a href="home">
<h2>Matthew Jury</h2>
</a>
</div>
<!--Main Header-->
<div class="header-main">
<div class="image-container">
<h2 class="header-name">Matthew Jury</h2>
<img src="img/profile-img.jpg" alt="profile-pic" />
</div>
<!--Nav Menus-->
<nav class="nav-menu">
<ul>
<li>
<a href="#home" class="pt-link active"
><span class="nav-menu-icon"
><i class="lnr lnr-home"></i></span
>Home
</a>
</li>
<li>
<a href="#about" class="pt-link"
><span class="nav-menu-icon"
><i class="lnr lnr-user"></i></span
>About Me</a
>
</li>
<li>
<a
href="https://www.linkedin.com/in/matthew-jury2/"
target="_blank"
><span class="nav-menu-icon"
><i class="lnr lnr-license"></i></span
>Resume</a
>
</li>
<li>
<a href="#portfolio" data-turbolinks="false" class="pt-link"
><span class="nav-menu-icon"
><i class="lnr lnr-briefcase"></i></span
>Portfolio</a
>
</li>
</ul>
</nav>
<!--Nav Footer-->
<div class="nav-footer">
<!--Social Links-->
<ul class="social">
<li>
<a
href="https://www.youtube.com/channel/UCJOOPdpk7Ne4WL7qdpul-6w/videos"
target="_blank"
><i class="fab fa-youtube-square"></i
></a>
</li>
<li>
<a href="https://github.com/bluelovin" target="_blank"
><i class="fab fa-github-square"></i
></a>
</li>
</ul>
</div>
</div>
</div>
</header>
<!--Header End-->
<!--Main Start-->
<div id="main" class="site-main">
<!--Banner Section Start-->
<section
id="home"
class="banner-section pt-page"
style="background-image: url('img/background/home-bg.jpg')"
>
<!--Particle Container-->
<div id="particles-js"></div>
<div class="banner-content">
<!--Banner Text-->
<h1 class="mb-20">Matthew <span>Jury</span></h1>
<!--Animated Text-->
<p class="cd-headline clip is-full-width">
<span>I am a </span>
<span class="cd-words-wrapper">
<b class="is-visible">Senior Full Stack Developer</b>
<b>Software Engineer</b>
<b>Tech Enthusiast</b>
<b>Linux Power User</b>
<b>Boxing Fanatic</b>
</span>
</p>
</div>
</section>
<!--Banner Section End-->
<!--About Section Start-->
<section id="about" class="about-section pt-page">
<div class="section-container">
<!--Page Heading-->
<div class="page-heading">
<span class="icon"><i class="lnr lnr-user"></i></span>
<h2>About Me.</h2>
</div>
<!-- About Info Row Start-->
<div class="row about mb-70">
<div class="col-lg-8">
<!--Personal Intro-->
<h3 class="mb-20">Full Stack Developer</h3>
<p>
My journey into programming began at the age of 13, when I
started creating maps for the classic 1993 game "DOOM". This
early experience introduced me to the fundamentals of
programming such as variables, loops, and design principles.
</p>
<p>Today, I am a proud Software Developer at ECI Solutions.</p>
<p>
My fascination with computers and technology has always been a
driving force in my life. The process of bringing a project to
life and playing a pivotal role in its creation is something I
find deeply rewarding.
</p>
</div>
<!--Personal Info-->
<div class="col-lg-4">
<div class="about-info">
<h3 class="mb-20">Personal Information</h3>
<ul>
<li>
<span class="title">Name</span
><span class="value">Matthew Jury</span>
</li>
<li>
<span class="title">Residence</span
><span class="value">Georgia, USA</span>
</li>
<li>
<span class="title">Company</span
><span class="value">ECI Software Solutions</span>
</li>
<li>
<span class="title">Experienced in</span
><span class="value">React, Java, C#,</span>
<span class="value"> C/C++, Python, Linux</span>
</li>
<li>
<span class="title">Skills</span>
<span class="value">
Communication, Leadership, Guitar</span
>
<span class="value">Video Editing, Writing</span>
</li>
</ul>
</div>
</div>
</div>
<!-- About Info Row End-->
<!--Services Row Start-->
<div class="row services mb-30">
<div class="col-md-12">
<div class="subheading">
<h3>Skills and Interests</h3>
</div>
</div>
<!--Service Item-->
<div class="col-lg-3 col-sm-6">
<div class="service-item">
<div class="icon">
<i class="fas fa-code"></i>
</div>
<h4>Frontend Development</h4>
<p>
I have crafted several beautiful and responsive websites
using modern technologies such as React, Next, Svelte, and
recently: HTMX.
</p>
</div>
</div>
<!--Service Item-->
<div class="col-lg-3 col-sm-6">
<div class="service-item">
<div class="icon">
<i class="fas fa-microchip"></i>
</div>
<h4>Backend Engineering</h4>
<p>
I have crafted bulletproof software libraries and reliable
REST APIs with thousands of users.
</p>
</div>
</div>
<!--Service Item-->
<div class="col-lg-3 col-sm-6">
<div class="service-item">
<div class="icon">
<em class="fas fa-film"></em>
</div>
<h4>Video Editing</h4>
<p>
Have been using Premiere Pro and After Effects for 10+
years. Has a true love for film and greatly enjoys the
process of a film coming together.
</p>
</div>
</div>
<!--Service Item-->
<div class="col-lg-3 col-sm-6">
<div class="service-item">
<span
class="iconify icon"
data-icon="mdi-boxing-glove"
data-inline="false"
></span>
<h4>Boxing</h4>
<p>
My passion for the sport of boxing is immense. I closely
follow the sport and have created a social media website for
the sport. Visit
<a class="link" href="https://boxingdial.com"
>boxingdial.com</a
>!
</p>
</div>
</div>
</div>
<!--Testimonials Row Start-->
<div class="row testimonials mb-50">
<div class="col-md-12">
<div class="subheading">
<h3>Recommendations</h3>
</div>
<div class="owl-carousel owl-theme">
<!--Testimonial Item-->
<div class="testimonial-item">
<div class="testimonial-content">
<p>
Matt is an exceptional worker and is committed to
finding a solution to whatever problem he is faced with
on the job. Matt quickly learned all of the ins and outs
of the product and industry. He was able to apply his
knowledge from personal projects to his work, which
helped the entire team. Matt has been known to take
charge of a situation when needed, and has never
disappointed in his submitted work. Matt would make a
great addition to any team that he finds himself on in
the future.
</p>
</div>
<div class="testimonial-meta">
<img src="img/testimonials/author-4.jpg" alt="" />
<div class="meta-info">
<h4>Cris Santiago, 2021</h4>
<p>Former Manager, Software Developer</p>
</div>
</div>
</div>
<div class="testimonial-item">
<div class="testimonial-content">
<p>
I have had the pleasure of working with Matthew. He has
shown to be innovative and hardworking. He had a way of
listening to what I needed, deciphering my cumbersome
description and writing code that worked perfectly. He
and I also share a love of boxing and international
cuisines. He is truly a unique person that I call a
colleague and friend. I look forward to seeing what he
conquers next.
</p>
</div>
<div class="testimonial-meta">
<img src="img/testimonials/author-6.jpg" alt="" />
<div class="meta-info">
<h4>Stephanie Beluk, 2022</h4>
<p>Former Coworker, Revit Engineer</p>
</div>
</div>
</div>
<!--Testimonial Item-->
<div class="testimonial-item">
<div class="testimonial-content">
<p>
During the time that I got to work with Matt, he proved
himself very hard-working and dependable. He puts in
many hours to help our team advance... I would always
give Matt the most important tasks, because I know that
he was capable of handling them. I also knew that if he
was not knowledgeable on certain subject, that he would
take the extra step of learning them on his own before
reaching out to others.
</p>
</div>
<div class="testimonial-meta">
<img src="img/testimonials/author-3.jpg" alt="" />
<div class="meta-info">
<h4>Sopheap Chea, 2021</h4>
<p>Former Coworker, Software Developer</p>
</div>
</div>
</div>
<!--Testimonial Item-->
<div class="testimonial-item">
<div class="testimonial-content">
<p>
Matt is a great problem solver, which makes him
excellent at programming. He is highly skilled in C++
and has contributed greatly to the team that he is part
of. His friendly personality makes him very approachable
for any help. He will be great addition to any team he
works with.
</p>
</div>
<div class="testimonial-meta">
<img src="img/testimonials/author-1.jpg" alt="" />
<div class="meta-info">
<h4>Mun San Bhujel, 2021</h4>
<p>Former Coworker, Backend Engineer</p>
</div>
</div>
</div>
<div class="testimonial-item">
<div class="testimonial-content">
<p>
I've had the opportunity to work as a mentor to Matthew
for the past year, and I am genuinely impressed with his
work ethic, desire to learn, and passion for technology.
Matthew is a problem solver of the highest caliber, and
I've yet to present him with a challenge he couldn't
overcome. While the full-stack developer is a rare
breed, I believe Matthew is a shining example. He's got
solid database fundamentals, and considers scale from
the beginning of every project. I can't wait to see what
he accomplishes in his career.
</p>
</div>
<div class="testimonial-meta">
<img src="img/testimonials/author-5.jpg" alt="" />
<div class="meta-info">
<h4>Seth Centerbar, 2020</h4>
<p>Mentor, Software Engineer at Apple</p>
</div>
</div>
</div>
<!--Testimonial Item-->
<div class="testimonial-item">
<div class="testimonial-content">
<p>
Matt is a great team player, has solid software and web
development skills, and he is just a pleasure to be
around. Matthew is an all around hard working individual
with drive and determination, and would perform well in
any development team.
</p>
</div>
<div class="testimonial-meta">
<img src="img/testimonials/author-2.jpg" alt="" />
<div class="meta-info">
<h4>Caleb Corbin, 2023</h4>
<p>Friend, Frontend Developer</p>
</div>
</div>
</div>
</div>
</div>
<!--Testimonials Row End-->
</div>
</div>
</section>
<!--Porfolio Section Start-->
<section id="portfolio" class="portfolio-section pt-page">
<div class="section-container">
<!--Page Heading-->
<div class="page-heading">
<span class="icon"><i class="lnr lnr-briefcase"></i></span>
<h2>Portfolio.</h2>
</div>
<blockquote class="text-center">
Aside from many open-source contributions, here are a few projects
of mine. I am always working on something new, so be sure to check
back often!
<br />
<br />
<a class="link" href="https://www.github.com/bluelovin/"
>Click here to visit my GitHub!</a
>
</blockquote>
<!--Portfolio Items-->
<div class="row portfolio-items mb-50">
<!--Portfolio Item-->
<div class="item col-lg-4 col-sm-6 web">
<a href="https://boxingdial.com/" target="_blank">
<figure>
<img src="img/portfolio/boxingdial.png" alt="" />
<figcaption>
<h4>BoxingDial</h4>
<p>React and Django Boxing Social Media Website!</p>
</figcaption>
</figure>
</a>
</div>
<!--Portfolio Item-->
<div class="item col-lg-4 col-sm-6 web">
<a href="/flappy-dante">
<figure>
<img src="img/portfolio/flappydante.png" alt="" />
<figcaption style="margin-right: 1rem">
<h4>Flappy Dante</h4>
<p>Vanilla Javascript Game, click to play!</p>
</figcaption>
</figure>
</a>
</div>
<!--Portfolio Item-->
<div class="item col-lg-4 col-sm-6 web">
<a
href="https://moxie.ink"
target="_blank"
rel="noreferrer noopener"
>
<figure>
<img src="img/portfolio/moxie.png" alt="" />
<figcaption>
<h4>Moxie.ink</h4>
<p>Tattoo Artist CRM</p>
</figcaption>
</figure>
</a>
</div>
<!--Portfolio Item-->
<div class="item col-lg-4 col-sm-6 web">
<a
href="https://spotle-infinite.vercel.app/"
target="_blank"
rel="noreferrer noopener"
>
<figure>
<img src="img/portfolio/spotle.png" alt="" />
<figcaption>
<h4>Spotle Infinite</h4>
<p>10 Chances to guess the musician!</p>
</figcaption>
</figure>
</a>
</div>
</div>
</div>
</section>
<!--Porfolio Section End-->
</div>
<!--Main End-->
</div>
<!--Jquery JS-->
<script src="js/jquery.min.js"></script>
<!--Plugins JS-->
<script src="js/plugins.min.js"></script>
<!--Site Main JS-->
<script src="js/main.js"></script>
<script>
//Particles
particlesJS.load("particles-js", "js/particles1.json", function () {
console.log("callback - particles.js config loaded");
});
</script>
</body>
</html>