-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
82 lines (78 loc) · 3.41 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Michael Morrissey's Portfolio</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Michael Morrissey's web development portfolio.">
<link rel="icon" href="/images/favicon.svg">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<div class="header__content">
<nav class="nav">
<div class="nav__logo-container">
<a href="/" class="nav__logo">
<img class="nav__logo-item" src="images/profile.webp" alt="Profile photo of Michael Morrissey">
MICHAEL MORRISSEY
</a>
</div>
<input type="checkbox" id="nav__toggle" tabindex="-1" aria-label="Navigation menu toggle">
<label for="nav__toggle" class="nav__toggle-label">
<svg class="nav__menu" viewBox="0 0 122.879 104.609">
<use href="images/hamburger-menu.svg#main"></use>
</svg>
<svg class="nav__close" viewBox="0 0 121.31 123.876">
<use href="images/close.svg#main"></use>
</svg>
</label>
<a href="/" class="nav__item">
HOME
</a>
<a href="projects.html" class="nav__item">
PROJECTS
</a>
<a href="about.html" class="nav__item">
ABOUT
</a>
<a href="contact.html" class="nav__item">
CONTACT
</a>
</nav>
</div>
</header>
<main class="landing">
<div class="landing__content main__content">
<h1 class="landing__title">Hey, my name is Michael</h1>
<p class="landing__description">I'm a web development student due to graduate from NSCC in spring of 2022. I'm currently seeking a work term, so please reach out if you're looking for a passionate developer to join your team.</p>
<a href="projects.html" class="landing__link">Projects</a>
</div>
</main>
<footer class="footer">
<div class="footer__content">
<p class="copyright">© Michael Morrissey 2021</p>
<ul class="links">
<li class="links__item">
<a href="Michael Morrissey Resume.pdf" target="_blank">
<img src="images/pdf-files.svg" alt="PDF icon" class="links__image" />
Resume
</a>
</li>
<li class="links__item">
<a href="https://www.linkedin.com/in/michael-morrissey-147a5186/" target="_blank">
<img src="images/linkedin.svg" alt="LinkedIn logo" class="links__image" />
LinkedIn
</a>
</li>
<li class="links__item">
<a href="https://github.com/MichaelAM" target="_blank">
<img src="images/github.svg" alt="GitHub logo" class="links__image" />
GitHub
</a>
</li>
</ul>
</div>
</footer>
</body>
</html>