contact.html

---
layout: default
title: Contact Me | Elizabeth Chesters
header: Get in touch!
summary: Fancy a chat about UX? Looking for an article for your website? Ping me an email using the form below.
image: /images/portfolio/teaching/railsgirls-1.jpg
---
<div id="contact">
  {% include _components/banner.html %}

  <div class="add-padding vertical bg-white overflow-auto">
    <div class="col-xs-12 col-sm-10 col-md-8 position central">

      <div class="col-xs-12 col-md-6">
        <div class="col-xs-12 col-sm-11 col-md-8 no-padding">
          <form action="https://formspree.io/elizabeth.chesters@gmail.com" method="POST">
            <div class="form-group add-margin bottom">
              <label for="name">Name</label>
              <input type="text" name="name" class="form-control" id="name">
            </div>

            <div class="form-group add-margin bottom">
              <label for="email">Email</label>
              <input type="email" name="_replyto" class="form-control" id="email">
            </div>

            <div class="form-group add-margin bottom">
              <label for="message">Message</label>
              <textarea type="text" name="message" class="form-control" rows="5" id="message"></textarea>
            </div>
            <input type="submit" value="Send message" class="btn col-xs-12 col-sm-8 position central">
          </form>
        </div>
      </div>

      <div class="col-xs-12 col-md-6">
        <div class="col-xs-12 text-center">
          <a href="//twitter.com/EChesters" class="icon"><i class="fa fa-twitter-square" aria-hidden="true"></i><span class="sr-only">Twitter</span></a>
          <a href="//uk.linkedin.com/in/elizabeth-chesters-a9297883" class="icon"><i class="fa fa-linkedin-square" aria-hidden="true"></i><span class="sr-only">LinkedIn</span></a>
          <a href="//medium.com/@EChesters" class="icon"><i class="fa fa-medium" aria-hidden="true"></i><span class="sr-only">Medium</span></a>
        </div>
      </div>
    </div>
  </div>
</div>