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 info</title>
    <link rel="stylesheet" href="css/styles.css">
  </head>


  <body>
    <h1>Contact Me!</h1>
    <p>PO Box 222, Ciudad, PR, 00627</p>
    <p>787-000-0000</p>
    <p>natanael.santiago2@upr.edu</p>
    <h4>
      <a href="https://www.twitter.com">Twitter</a> and
      <a href="http://www.instagram.com/">IG</a>
    </h4>
    <h4><a href="https://www.linkedin.com/">LinkedIn</a></h4>

<hr>
    <h2> <br> Send me a message!</h2>
    <form action="mailto:santiagonatanael017@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" cols="20" rows="10"></textarea>
      <input type="submit" name="">
    </form>


    <hr>
    <h6><a href="index.html">Home</a></h6>

  </body>
</html>