contact.html

---
layout: default
title: Contact Me
permalink: /contact/
---

<main id="main" class="site-main">
  <div class="post-full inner grt">
    <header class="post-header">
      <h1 class="post-title">Contact Me</h1>
    </header>
    <p>Get in touch via email below, or find me on <a href="https://twitter.com/{{ site.social.platforms.twitter }}">Twitter</a>, <a href="https://facebook.com/{{ site.social.platforms.facebook }}">Facebook</a>, <a href="https://instagram.com/{{ site.social.platforms.instagram }}">Instagram</a> or <a href="https://linkedin.com/in/{{ site.social.platforms.linkedin }}">LinkedIn</a>.</p>
    <section class="contact-form">
      <form action="https://formspree.io/{{ site.email }}" method="post" id="contact-form">
        <div class="form-item">
          <label for="contact-email" class="form-label">Your Email <span>(required)</span></label>
          <input id="contact-email" type="text" name="email" placeholder="Your email address..." class="form-input" />
        </div>

        <div class="form-item">
          <label for="contact-name" class="form-label">Your Name <span>(required)</span></label>
          <input id="contact-name" type="text" name="name" placeholder="Your name..." class="form-input" />
        </div>

        <div class="form-item">
          <label for="contact-message" class="form-label">Your Message <span>(required)</span></label>
          <textarea id="contact-message" name="message" placeholder="Your message..." class="form-textarea"></textarea>
        </div>

        <input type="hidden" name="_next" value="/thank-you" />
        <input type="hidden" name="_subject" value="[GLFC] Contact form submission" />
        <input type="text" name="_gotcha" style="display: none;" class="contact-form__gotcha" val="" />

        <div class="form-item">
          <input type="submit" value="Send Message" class="button" />
        </div>
      </form>
    </section>
  </div><!-- .inner-->
</main>