demo.html

---
layout: page
title: Contact us
permalink: /demo/
---

<!-- Slider Start -->
<section id="global-header">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="block">
          <h1>Try ORAC Yourself</h1>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- contact form start -->
<section id="contact-form">
  <div class="container">
    <div class="row">
      <div class="col-md-6 col-sm-12">
        <div class="block">
          <p>Don't just take our words. Insert your (preferably
          corporate) email and give ORAC at least five books you like.
          You'll receive a customized email with recommended books</p>
        </div>
      </div>
      <div class="col-md-6 col-sm-12">
        <div class="block">
          <form method="POST" action="http://formspree.io/orac@elegans.io">
            <div class="form-group">
              <input type="text" name="email" class="form-control" placeholder="Your Email">
            </div>
            <div class="form-group-2">
              <textarea name="message" class="form-control" rows="3"
              placeholder="Type the titles of at least four books you like (accepted languages: en, it, fr, es, de, pt)"></textarea>
            </div>
            <button class="btn btn-default" type="submit">Send Message</button>
          </form>
          </form>
        </div>
      </div>
    </div>
  </div>
</section>