-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
52 lines (52 loc) · 2.23 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/indexstyle.css">
<link rel = "stylesheet" href = "css/common.css">
<!--- Below is used for Font Awesome. --->
<script src="https://kit.fontawesome.com/4c4bda27d1.js" crossorigin="anonymous"></script>
<link rel = "shortcut icon" type="image/png" href="imgs/favicon.png"/>
<link rel="icon" href="imgs/initials.png">
<title>Michael Dick's Website</title>
</head>
<body>
<div id="navbar"></div>
<div class = "content">
<div class="me-section">
<img src="imgs/me.jpeg" alt="Picture of Michael Dick">
<div class="bio">
<h2>Biography</h2>
<p>Hi there! My name is Michael Dick and I am currently a computer science major and
mathematics minor at the University of Michigan. My interests are web development,
computer graphics, and mathematical geometry. Languages I am familiar with are:
Python, C++, HTML5, CSS3, and JavaScript. A little bit about me is that
I love analog photography, hiking in the forest or the desert, and writing short
stories. Feel free to contact me by hitting “Contact” on the navigation bar
and will respond as soon as possible. Enjoy the site!</p>
</div>
</div>
<div class="grey-line"></div>
<div class="graphic-nav">
<a href="html/resume.html" class = "gra grow">
<p class = "title">Resume</p>
<p class = "icon"><i class="far fa-copy"></i></p>
</a>
<a href="html/projects.html"class = "gra grow">
<p class = "title">Projects</p>
<p class = "projects-icon"><i class="fas fa-code"></i></p>
</a>
<a href="html/contact.html" class = "gra grow">
<p class = "title">Contact</p>
<p class = "icon"><i class="far fa-paper-plane"></i></p>
</a>
</div>
</div>
<div id="footer"></div>
</body>
<script src = "js/indexjs.js"></script>
<script src = "js/navbar-loader.js"></script>
<script src = "js/footer-loader.js"></script>
</html>