my personal site
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Create contact.html

+57
+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>