-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
68 lines (68 loc) · 3.19 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
<!DOCTYPE html>
<html lang = "en">
<head>
<title>Matthew Prock</title>
<meta charset="UTF-8">
<meta name="description" content="This is the about section of my
portfolio website. It contains info about me!">
<meta name="author" content="Matthew Prock">
<link href = "/style/style.css" rel = "stylesheet">
<link href = "/style/astyle.css" rel = "stylesheet">
<link rel= "icon" type= "image/x-icon" href= "imgs/me-circle.png">
<!-- TODO: change favicon ^ -->
<!-- fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Averia+Libre:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Molengo&display=swap" rel="stylesheet">
</head>
<body>
<div id = "pagetop"></div>
<header class = "header">
<a href = "index.html" class = "logo">matthew prock</a>
<nav id = "navbar" class = "navbar">
<input class = "menu-btn" id = "menu-btn" type = "checkbox">
<label class = "menu-icon" for = "menu-btn">
<span class = "nav-icon"></span>
</label>
<ul class = "menu">
<li> <a href = "index.html"> Home </a></li>
<li><a href = "about.html"> About me </a></li>
<li><a href = "design.html"> Design work </a></li>
<li><a href = "research.html"> Research </a></li>
</ul>
</nav>
</header>
<div id = "abtme">
<div id = "introtext">
<h1> Matthew Prock</h1>
<p> Hi, I'm Matt! I'm an undergraduate at the University of
Michigan studying Computer Science and Cognitive Science.
I'm fascinated by the mind, which informs my interests in
the intersections between tech and cognition,
user experience research, human-computer interaction/CSCW, and
accessibility.
<br>
Outside of academics, you'll most likely find me reading,
spending time with family and friends,
or wandering Ann Arbor.
</p>
<div id = "linksbox">
<a href = "imgs/Resume_Matthew_Prock.pdf">Resume</a>
<br>
<a href = "https://www.linkedin.com/in/prock-matthew/">
LinkedIn</a>
<br>
<a href = "https://github.com/prockmtt">GitHub</a>
</div>
</div>
<div id = "imgbox">
<img id = "img" src = "imgs/me_circle.png" alt = "A headshot
of Matthew Prock. He is standing in front of the Mackinac
Bridge in Northern Michigan, smiling.">
</div>
</div>
</body>
</html>