my personal site
Create contact.html
+57
+57
contact.html
+57
contact.html
···
1
+
<!DOCTYPE html>
2
+
<html lang="en">
3
+
<head>
4
+
<meta charset="UTF-8" />
5
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+
<title>Jack Hannon | Contact</title>
7
+
<script>
8
+
if (localStorage.getItem('theme') === 'dark' ||
9
+
(!localStorage.getItem('theme') && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
10
+
document.documentElement.classList.add('dark-theme');
11
+
}
12
+
</script>
13
+
<link rel="stylesheet" href="style.css" />
14
+
</head>
15
+
<body>
16
+
<header>
17
+
<nav class="container">
18
+
<a href="index.html" class="brand">Jack Hannon</a>
19
+
<ul class="menu">
20
+
<li><a href="index.html">About</a></li>
21
+
<li><a href="projects.html">Projects</a></li>
22
+
<li><a href="resume.html">Resume</a></li>
23
+
<li><a href="contact.html" class="active">Contact</a></li>
24
+
</ul>
25
+
<button id="theme-toggle">Dark Mode</button>
26
+
</nav>
27
+
</header>
28
+
<main class="container">
29
+
<h1>Contact</h1>
30
+
<p>If you’d like to get in touch, please fill out the form below or reach out directly via email or LinkedIn.</p>
31
+
<form id="contact-form" action="#" method="post">
32
+
<p>
33
+
<label> Name:<br/>
34
+
<input type="text" name="name" required>
35
+
</label>
36
+
</p>
37
+
<p>
38
+
<label> Email:<br/>
39
+
<input type="email" name="email" required>
40
+
</label>
41
+
</p>
42
+
<p>
43
+
<label> Message:<br/>
44
+
<textarea name="message" rows="5" required></textarea>
45
+
</label>
46
+
</p>
47
+
<p><button type="submit" class="btn">Send Message</button></p>
48
+
</form>
49
+
<p>
50
+
You can also email me at <a href="mailto:hannon@vt.edu">hannon@vt.edu</a> or connect with me on
51
+
<a href="https://www.linkedin.com/in/jackphannon" target="_blank" rel="noopener">LinkedIn</a>.<br/>
52
+
Phone: <a href="tel:+16096584398">(609) 658-4398</a>
53
+
</p>
54
+
</main>
55
+
<script src="script.js"></script>
56
+
</body>
57
+
</html>