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>My Contact</title>
        <link rel="stylesheet" href="css/style.css" />
    </head>
    <body>
        <a href="index.html">Home</a>
        <h3>My Contact Details</h3>
        <ul>
            <li>My address: On Earth</li>
            <li>
                My email:
                <a href="mailto: andydoan090@gmail.com"
                    >andydoan090@gmail.com</a
                >
            </li>
            <li>My phone: ask me through my email</li>
        </ul>
        <hr />
        <form
            action="mailto:andydoan090@gmail.com"
            method="post"
            enctype="text/plain"
        >
            <label for="user-contact">Your name: </label><br />
            <input type="text" name="yourName" />
            <br />
            <label for="user-contact" name="yourEmail">Your email: </label
            ><br />
            <input type="email" />
            <br />
            <label for="user-contact">Your message: </label><br />
            <textarea name="yourMessage" id="" cols="20" rows="5"></textarea
            ><br />
            <input type="submit" name="submit" id="submit" />
        </form>
    </body>
</html>