<div class=“card medium”>

<div class="card-image waves-effect waves-block waves-light">
  <img class="activator" src="assets/images/contact4.png">
</div>
<div class="card-content">
  <span class="card-title activator" style="text-align:right;"><a class="btn-floating waves-effect waves-light red pulse"><i class="large material-icons">arrow_drop_up</i></a></span>
  <div class="row" style="text-align:center">
      <a class="waves-effect waves-light btn grey darken-1" target="_blank" href="{{site.github}}"><i class="material-icons right">code</i>Github</a>
      <a class="waves-effect waves-light btn green darken-2" target="_blank" href="{{site.medium}}"><i class="material-icons right">library_books</i>Medium</a>
  </div>
</div>
<div class="card-reveal">
  <span class="card-title grey-text text-darken-4">Contact Form<i size="large" class="material-icons right">close</i></span>
  <form class="col s12" action="https://formspree.io/{{site.email}}" method="POST">
    <div class="row">
      <div class="input-field col s6">
        <i class="material-icons prefix">account_circle</i>
        <input class="validate" id="icon_prefix" type="text" name="name">
        <label for="icon_prefix">Name</label>
      </div>
      <div class="input-field col s6">
        <i class="material-icons prefix">email</i>
        <input class="validate" id="email" type="email" name="_replyto">
        <label for="email" data-error="Please enter a valid Email Address" data-success="Verified!">Email</label>
      </div>
    </div>
    <div class="row">
     <div class="input-field col s12">
       <i class="material-icons prefix">message</i>
       <textarea id="icon_prefix2" class="materialize-textarea" name="message"></textarea>
       <label for="icon_prefix2">Message</label>
     </div>
   </div>
    <button class="btn waves-effect grey waves-dark darken-3 white-text z-depth-4" type="submit" name="action">Submit
       <i class="material-icons right">send</i>
     </button>
  </form>

</div>

</div>