Untitled

<html>
<head>

  <script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js" integrity="sha384-SlE991lGASHoBfWbelyBPLsUlwY1GwNDJo3jSJO04KZ33K2bwfV9YBauFfnzvynJ" crossorigin="anonymous"></script>

<script type="text/javascript">
//auto expand textarea
function adjust_textarea(h) {
    h.style.height = "20px";
    h.style.height = (h.scrollHeight)+"px";
}
</script>
<link rel="stylesheet" type="text/css" href="Contact.css">
  <title></title></head>
<body>

  <div class="row">
      <div class="col-xs-12" id="navbar">
              <a href="About.html">About</a>
              <a href="Portfolio.html">Portfolio</a>
              <a href="Contact.html">Contact</a>
      </div>

<div class="formdiv">

  <form class="form-style-4" action="" method="post">
  <label for="field1">
  <span>Enter Your Name</span><input type="text" name="field1" required="true" />
  </label>
  <label for="field2">
  <span>Email Address</span><input type="email" name="field2" required="true" />
  </label>
  <label for="field3">
  <span>Short Subject</span><input type="text" name="field3" required="true" />
  </label>
  <label for="field4">
  <span>Message to Us</span><textarea name="field4" onkeyup="adjust_textarea(this)" required="true"></textarea>
  </label>
  <label>
  <span>&nbsp;</span><input type="submit" value="Send Letter" />
  </label>
  </form>

  <div class="sharelinks">
    <a href="https://www.facebook.com/SetariMM"><i class="fa fa-facebook"></a></i>
    <a href="https://www.twitter.com/Setari"><i class="fa fa-twitter"></i>
    <a href="https://github.com/Setarii"><i class="fa fa-github"></i>
    <a href="https://www.linkedin.com/in/robert-michaud-bb041691/"><i class="fa fa-linkedin"></i>
    </div>

</div>


</body>
</html>