<h1>Contact Us</h1>
<p>If you have any questions, suggestions, or want to collaborate, feel free to contact me using the form below:</p>
<!-- Contact Form -->
<form name="contact-form">
<input type="text" name="name" placeholder="Your Name" required/><br/><br/>
<input type="email" name="email" placeholder="Your Email" required/><br/><br/>
<textarea name="message" rows="5" placeholder="Your Message" required></textarea><br/><br/>
<button type="submit">Send Message</button>
</form>
<style>
form {
max-width: 500px;
margin: auto;
}
input, textarea {
width: 100%;
padding: 10px;
font-size: 16px;
}
button {
padding: 10px 20px;
background-color: #1976D2;
color: white;
border: none;
font-size: 16px;
cursor: pointer;
}
</style>
<script>
const form = document.forms['contact-form'];
form.addEventListener('submit', e => {
e.preventDefault();
alert('Thank you! Your message has been sent successfully.');
form.reset();
});
</script>
إرسال تعليق