-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
122 lines (122 loc) · 4.69 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home - James</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<div class="info">
<div class="title">
<img src="img/logo.png" alt="James">
</div>
<nav>
<a href="index.html">Home</a>
<a href="about.html" class="active">About</a>
<a href="projects.html">Projects</a>
<a href="resume.html">Resume</a>
<a href="contact.html">Contact</a>
</nav>
<main>
<div class="about animated-page">
<article>
<h2>About me</h2>
<p>I'm an 18 year old male from Wisconsin that has a big passion for computers, mostly thanks to my dad.
I see computer programming and web design as a hobby for now, but I'm all ears for future career opportunities.
</p>
<p>If I'm not ruining my eyes and posture sitting on a chair and staring at a computer, I'm either helping
around the house with my dad, working on my car, or DoorDashing (for now).
</p>
</article>
<article class="has-image">
<div class="text">
<h3>Is that your car in the background?</h3>
<p>It sure is! It's a 2014 Dodge Charger SE, although you could call it an SXT at this point
due to all the modifications I've done to it. Most of them are cosmetic, but I've done a few
performance mods as well. I will admit that I've wasted money just to gain an additional horsepower
or two, but I'm happy with it.
</p>
<p>If you're really curious and don't mind me being a nerd, here's everything that's been done to the car:</p>
<ul>
<li>Flowmaster FlowFX mid-mufflers with rear muffler delete</li>
<li>Spectre cold air intake</li>
<li>2015+ style headlights</li>
<li>20% tint on four windows</li>
<li>Upgraded infotainment screen with Apple CarPlay</li>
</ul>
</div>
<div class="image">
<video src="vid/car.webm" autoplay loop muted></video>
</div>
</article>
</div>
</main>
</div>
</div>
<script src="index.js"></script>
<div class="stars">
<div class="star-container">
<div class="star"></div>
</div>
<div class="star-container">
<div class="star"></div>
</div>
<div class="star-container">
<div class="star"></div>
</div>
<div class="star-container">
<div class="star"></div>
</div>
<div class="star-container">
<div class="star"></div>
</div>
<div class="star-container">
<div class="star"></div>
</div>
<div class="star-container">
<div class="star"></div>
</div>
<div class="star-container">
<div class="star"></div>
</div>
<div class="star-container">
<div class="star"></div>
</div>
<div class="star-container">
<div class="star"></div>
</div>
<div class="star-container">
<div class="star"></div>
</div>
<div class="star-container">
<div class="star"></div>
</div>
<div class="star-container">
<div class="star"></div>
</div>
<div class="star-container">
<div class="star"></div>
</div>
<div class="star-container">
<div class="star"></div>
</div>
<div class="star-container">
<div class="star"></div>
</div>
<div class="star-container">
<div class="star"></div>
</div>
<div class="star-container">
<div class="star"></div>
</div>
<div class="star-container">
<div class="star"></div>
</div>
<div class="star-container">
<div class="star"></div>
</div>
</div>
</body>
</html>