Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Contact us or sign up for our newsletter."> <title>Contact Us - MyWebsite</title> <!-- <link rel="icon" href="favicon.ico" type="image/x-icon"> --> <link rel="stylesheet" href="style.css"> </head> <body> <header> <div class="container"> <a href="/" class="logo">MyWebsite</a> <nav> <ul> <li><a href="/">Home</a></li> <li><a href="/about.html">About</a></li> <li><a href="/contact.html" class="active">Contact</a></li> </ul> </nav> </div> </header> <main> <section id="contact-form-section" class="container"> <h1>Get in Touch</h1> <p>We'd love to hear from you! Please fill out the form below.</p> <form action="/submit-form" method="POST" class="contact-form"> <div class="form-group"> <label for="name">Full Name:</label> <input type="text" id="name" name="name" required> </div> <div class="form-group"> <label for="email">Email Address:</label> <input type="email" id="email" name="email" required> </div> <div class="form-group"> <label for="subject">Subject:</label> <input type="text" id="subject" name="subject"> </div> <div class="form-group"> <label for="message">Message:</label> <textarea id="message" name="message" rows="5" required></textarea> </div> <div class="form-group"> <input type="checkbox" id="newsletter" name="newsletter" value="subscribe"> <label for="newsletter" class="inline-label">Subscribe to our newsletter</label> </div> <button type="submit" class="submit-button">Send Message</button> </form> </section> </main> <footer> <div class="container"> <p>© <span id="currentYear"></span> MyWebsite. All rights reserved.</p> </div> </footer> <script> document.getElementById('currentYear').textContent = new Date().getFullYear(); </script> <!-- <script src="script.js"></script> --> </body> </html>
