index.html

---
layout: application
title: Products and Services
---
{% if site.data.products.size > 0 %}
  <section class="entry-wrapper">
    <h3 id="products" class="entry-title">Products</h3>
    <div class="entry-content">
      <ul class="post-list">
        {% for product in site.data.products %}
        <li>
          <article>
            <h4>
              <a href="{{ product.url }}">{{ product.title }}</a>
            </h4>
            <p>
              {{ product.description }}
            </p>
          </article>
        </li>
        {% endfor %}
      </ul>
    </div>
  </section>
{% endif %}

  <!-- <section class="entry-wrapper">
       <h3 id="services" class="entry-title">Services</h3>
       </section> -->

<section class="entry-wrapper">
  <h3 id="contact" class="entry-title">Contact</h3>
  <form id="contact_form" method="POST">
    <p>
      <label>
        Your Name
        <input type="text" name="name" />
      </label>
    </p>

    <p>
      <label>
        Email <small>*</small>
        <input type="email" name="_replyto" required="true" />
      </label>
    </p>

    <p>
      <label>
        Phone Number
        <input type="text" name="phone" />
      </label>
    </p>

    <p>
      <label>
        Message <small>*</small>
        <textarea name="message" rows="5" required="true"></textarea>
      </label>
    </p>

    <p>
      <input type="submit" />
    </p>

    <input type="hidden" name="shop" />
    <input type="hidden" name="_format" value="plain" />
    <input type="hidden" name="_subject" value="ScreenStaring Contact Form" />
    <input type="hidden" name="_next" value="{{ site.url }}/thanks" />
  </form>
  <script>
   var f = document.getElementById('contact_form'), suffix = '' + '@s' + 'creenstaring.c' + '' + 'om';
   f.action = 'https://formspree.io/';

   var match = window.location.search.match(/\bshop=([^&]+)\b/);
   if(match) {
     f.shop.value = match[1];
     f.action += 'help' + suffix;
   }
   else {
     f.action += 'hi' + suffix;
   }

  </script>
</section>