-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
81 lines (81 loc) · 3.65 KB
/
contact.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JakeSaintG</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/contact.css">
<link href="https://fonts.googleapis.com/css2?family=Kumbh+Sans&display=swap" rel="stylesheet">
</head>
<body>
<div class="sidebar">
<nav role =”navigation” aria-label =”pagenav”>
<ul class="mobile-nav">
<li class="m-nav">
<img class="logo" src="imgs/Me_Placeholder.jpg" alt="Jake St. Germain Professional Headshot">
</li>
<li class="m-nav name">
<a href="#">JakeSaintG</a>
</li>
<li class="m-nav menuButton">
<a onclick="showHide()">☰</a>
</li>
</ul>
<ul class="other-nav" id="myOthernav">
<li>
<a class="nav" href="index.html">About Me</a>
</li>
<li>
<a class="nav" href="skills.html">Skills</a>
</li>
<li >
<a class="nav" href="projects.html">Projects</a>
</li>
<li>
<a class="nav" href="socialmedia.html">Social Media</a>
</li>
<li>
<a class="nav" href="blog.html">Blog</a>
</li>
<li>
<a class="activelink nav" href="contact.html">Contact</a>
</li>
<li class="copy nav">
<footer role = “contentinfo”>©1993 JakeSaintG</footer>
</li>
</ul>
</nav>
</div>
<header role = “banner”>
<h1 class="headline">Contact Me</h1>
<p class="tagline">Wanna get in touch? Here are a couple of ways!</p>
</header>
<main role =”main”>
<a class="contact email" href="mailto:jakestgermain@outlook.com">
<img src="imgs/mail.png" alt="mail icon" height="180px" width="180px">
<h2>Email Me</h2>
<p>You can reach me here on my professional email account. Please be respectful! </p>
</a>
<a class="contact resume" target="_blank" href="https://drive.google.com/file/d/1oTgpw-CbrPvcXfwaFURmpyRsGLjjSKMI/view?usp=sharing">
<img src="imgs/document.png" alt="document icon" height="180px" width="180px">
<h2>My Resume</h2>
<p>Here is my current resume. This is my generic version and not tailored to a specific position or company. </p>
</a>
<a class="contact linkedin" target="_blank" href="https://www.linkedin.com/in/jake-st-germain-b6a3a293/">
<div class="sprite" alt="Linkedin Logo"></div>
<h2>LinkedIn</h2>
<p>Here's another way to my LinkedIn. Feel free to send me a message or connection request!</p>
</a>
<div class="contact random" target="_blank" onClick="randomlinks()">
<img src="imgs/link.png" alt="link icon" height="180px" width="180px">
<h2>Random Links!</h2>
<p>Here's just something fun. Click the button below for a random link. ALL possible links are wholesome, educational, or charitable. None of
them will link to opinions or false information. No possible link will harm your computer and all are reputable sites. </p>
</div>
</main>
<script src="js/menu.js"></script>
<script src="js/randomlink.js"></script>
</body>
</html>