contact.html

---
layout: default
title: Contact Me
cover: /assets/images/covers/3.jpg
---

<!--
  To make this form work you have to:
  1. defined "email: youremail@email.com" in _config.yml file.
  2. verify your form on formspree.io.
-->

<main class="site-main">
  <div class="site-content">

    <header class="cover page-header">

      {% if cover or page.cover %}
      <div class="cover-bg"
        style="background-image: url({{ site.baseurl }}{% if cover %}{{ cover }}{% else %}{{ page.cover }}{% endif%})">
      </div>
      {% endif %}

      <div class="cover-content">
        <div class="inner">
          <h1 class="page-title">{{ page.title }}</h1>

        </div><!-- .inner -->
      </div><!-- .cover-content -->
    </header><!-- .post-header -->

    <div class="inner">
      <div class="post-content">
        {% if site.contact_page_description %}
        <p>{{ site.contact_page_description }}</p>
        {{else}}
        {% endif %}
        <section class="contact-form">
          <form   
          action="https://formspree.io/f/xrgvkwwz"
          method="POST" id="contact-form">
            <div class="form-item">
              <label class="form-label">Your Email <span>(required)</span></label>
              <input type="text" name="email" placeholder="Your email address..." class="form-input" />
            </div>

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

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

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

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

  </div><!-- .site-content -->
</main><!-- .site-main -->