JezK
Edit File: contact.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Contact Us | NameFantacy</title> <meta name="description" content="Get in touch with the NameFantacy team for feedback, suggestions, or bug reports."> <link rel="stylesheet" href="../assets/css/style.css"> </head> <body> <header class="site-header"> <div class="container nav-wrap"> <a href="../index.html" class="brand-logo">Name<span>Fantacy</span></a> <div class="search-bar-wrap"> <span class="search-icon">🔍</span> <input type="text" id="siteSearchInput" class="search-input" placeholder="Search..."> <div id="searchDropdown" class="search-dropdown"></div> </div> <button class="nav-toggle" id="navToggle">☰</button> <ul class="nav-links" id="navLinks"> <li><a href="../index.html" class="nav-link">Home</a></li> <li><a href="about.html" class="nav-link">About</a></li> <li><a href="contact.html" class="nav-link active">Contact</a></li> </ul> </div> </header> <main class="container"> <div class="seo-content" style="margin-top:3rem; max-width:700px; margin-left:auto; margin-right:auto;"> <h1>Contact Us</h1> <p>Have an idea for a new generator or spotted a phonetic bug? We'd love to hear from you!</p> <form onsubmit="event.preventDefault(); alert('Thank you! Your message has been sent to support@namefantacy.com.'); this.reset();"> <div class="form-group" style="margin-bottom:1rem;"> <label for="name">Your Name</label> <input type="text" id="name" required class="form-control" placeholder="Jane Doe"> </div> <div class="form-group" style="margin-bottom:1rem;"> <label for="email">Email Address</label> <input type="email" id="email" required class="form-control" placeholder="jane@example.com"> </div> <div class="form-group" style="margin-bottom:1.5rem;"> <label for="msg">Message / Suggestion</label> <textarea id="msg" rows="5" required class="form-control" placeholder="Tell us what new generator you would like to see..."></textarea> </div> <button type="submit" class="btn btn-primary">Send Message</button> </form> </div> </main> <footer class="site-footer"> <div class="container footer-bottom"> <span>© 2026 NameFantacy.com</span> <span><a href="../index.html">Home</a></span> </div> </footer> <script src="../assets/js/search.js"></script> <script src="../assets/js/main.js"></script> </body> </html>