contact.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact</title>
    <link rel="stylesheet" href="contact.css">
    <script src="validate.js"></script>
</head>

<body>
    <div class="home">
        <a href="./index.html"><img src="./images/home.png" alt=""></a>
    </div>
        <section id="contact">
            <div class="container">
                <center><h1>Contact Me</h1></center>
                <form method="post" action="send-email.php" onsubmit="return validateForm()">
                    
                    <label for="name">Name:</label>
                    <input type="text" id="name" name="name" placeholder="Your name" required>

                    <label for="email">Email:</label>
                    <input type="email" id="email" name="email" placeholder="Your email" required>

                    <label for="message">Message:</label>
                    <textarea id="message" name="message" placeholder="Type your message here" required></textarea>

                    <center><button type="submit">Send</button></center>
                </form>

            </div>
        </section>

</body>

</html>
<!-- <?php
if(isset($_POST['submit'])) {
    // Collect form data
    $name = $_POST['name'];
    $email = $_POST['email'];
    $message = $_POST['message'];

    // Set up email
    $to = 'your-email@example.com';
    $subject = 'New Message from Your Website';
    $message_body = "Name: $name\n\nEmail: $email\n\nMessage:\n$message";

    // Send email
    if(mail($to, $subject, $message_body)) {
        echo 'Thank you for your message!';
    } else {
        echo 'There was a problem sending your message. Please try again.';
    }
}
?> -->