contact-me.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Contact Me</title>
    <link rel="stylesheet" href="css/styles.css">
    <link rel="icon" href="imges/favicon.ico">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300&family=Montserrat:wght@100&family=Sacramento&display=swap" rel="stylesheet">
  </head>

  <body>
    <h2>My Address</h2>
    <p>Address: Jieyousi Hotel Pudong New Area Shanghai City</p>
    <p>mobile phone: +86 13782712345</p>
    <p>email address: colinzhang1999@gmail</p>
    <form action="mailto:colinzhang1999@gmail.com" method="post" enctype="text/plain">
      <label>Your Name:</label>
      <input type="text" name="yourName" value=""><br>
      <label>Your Email:</label>
      <input type="email" name="yourEmail" value=""><br>
      <label>Your Message:</label><br>
      <textarea name="yourMessage" rows="10" cols="35"></textarea><br>
      <input type="submit" name="">
    </form>
  </body>
</html>