-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (130 loc) · 3.75 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Max Arnold | Portfolio | About</title>
<link rel="stylesheet" href="css/styles.css" />
<link
href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;1,300;1,400&family=Rufina:wght@400;700&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA=="
crossorigin="anonymous"
/>
<link
rel="apple-touch-icon"
sizes="180x180"
href="favicon/favicon_memoji/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="favicon/favicon_memoji/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="favicon/favicon_memoji/favicon-16x16.png"
/>
<link rel="manifest" href="favicon/favicon_memoji/site.webmanifest" />
</head>
<body>
<nav>
<ul>
<li><a href="index.html" class="active">About</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<ul>
<li>
<a href="./download/resume.pdf" target="_blank">Resume</a>
</li>
<li>
<a
href="https://www.linkedin.com/in/maxkarnold/"
target="_blank"
><div class="icon">icon</div></a
>
</li>
</ul>
</nav>
<main class="index">
<h1>Hi, I'm Max.</h1>
<img
src="img/max_profile_circle300px.png"
alt="Profile of Max Arnold"
class="profile"
/>
<h3 class="subheading">
I am a Web Developer/Designer and Multimedia Producer.
</h3>
<div class="bio">
<p>
I am a recent graduate of the University of Missouri -
Columbia. I graduated with a bachelor's degree in Journalism
with an emphasis in Multimedia Producing.
</p>
<p>
I have been involved with professional video production for
over six years. I have produced my own multimedia stories,
including video, audio, text, infographics and photos.
</p>
<p>
At the University of Missouri I have been able to learn many
new things and that is what led me to web development. I
have learned HTML, CSS, JavaScript, C, Python, Command Line,
Git, and GitHub. I'm currently working on a personal web
project using React.
</p>
</div>
<h2>My Skills.</h2>
<div class="skill_row">
<div>
<img class="web_dev" src="img/html.png" alt="HTML icon" />
<h3>Web Design & Development</h3>
</div>
<p>
In my last semester at the University of Missouri, I took
two classes in which I learned Python and web design. I was
opened to the amazing world of programming and I've been
teaching myself web development ever since.
</p>
</div>
<div class="skill_row">
<div>
<img
class="videography"
src="img/max_bandits_circle.png"
alt="Max Arnold working a camera at the Ballpark at Rosemont, home of the Chicago Bandits."
/>
<h3>Videography</h3>
</div>
<p>
For the past 8 years, using cameras and producing great
video content has been my life. I have learned how to
livestream sports broadcasts, tv shows, and more. I have
created my own stories and filmed real ones. I've been in
front of and behind the camera. Making things look good on
camera is what I do.
</p>
</div>
</main>
<footer>
<p>© 2020 Max Arnold.</p>
<p>
Icons made by
<a href="http://www.freepik.com/" title="Freepik">Freepik</a>
from
<a href="https://www.flaticon.com/" title="Flaticon">
flaticon.com</a
>.
</p>
</footer>
</body>
</html>