contact.html

---
layout: page
title: Contact us!
permalink: /contact/
---

<!-- Slider Start -->
<section id="global-header">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="block">
          <h1>contact us</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">
          <form action="FormKeep" method="post" enctype="text/plain">
            <div class="form-group">
              <input type="text" class="form-control" placeholder="Your Name">
            </div>
            <div class="form-group">
              <input type="text" class="form-control" placeholder="Email Address">
            </div>
            <div class="form-group">
              <input type="text" class="form-control" placeholder="Subject">
            </div>
          </form>
        </div>
      </div>


      <div class="col-md-6 col-sm-12">
        <div class="block">
          <form>
            <div class="form-group-2">
              <textarea class="form-control" rows="3" placeholder="Your Message"></textarea>
            </div>
            <button class="btn btn-default" type="submit">Send Message</button>
          </form>
        </div>
      </div>

    </div>


    <div id="contact-box" class="row">
      <div class="col-md-6 col-sm-12">
        <div class="block">
          <h2>Say hello</h2>
          <ul class="address-block">
            <li>
              <i class="fa fa-map-marker"></i>Silverstone Building, University of Sussex, Falmer, Brighton, BN9 9EE
            </li>
            <li>
              <i class="fa fa-envelope-o"></i>Email: alicee _at_ sussex.ac.uk
            </li>
            <li>
              <i class="fa fa-phone"></i>Phone:+44 (0)1273 87 7486
            </li>
          </ul>

<!--
          <ul class="social-icons">
            <li>
              <a href="http://www.themefisher.com"><i class="fa fa-git"></i></a>
            </li>
            <li>
              <a href="http://www.themefisher.com"><i class="fa fa-linkedin"></i></a>
            </li>
            <li>
              <a href="http://www.themefisher.com"><i class="fa fa-pinterest"></i></a>
            </li>
            <li>
              <a href="http://www.themefisher.com"><i class="fa fa-dribbble"></i></a>
            </li>
            <li>
              <a href="http://www.themefisher.com"><i class="fa fa-behance"></i></a>
            </li>
            <li>
              <a href="http://www.themefisher.com"><i class="fa fa-twitter"></i></a>
            </li>
            <li>
              <a href="http://www.themefisher.com"><i class="fa fa-facebook"></i></a>
            </li>
          </ul>
        -->
        </div>
      </div>
      <!--
      <div class="col-md-6 col-sm-12">
        <div class="block">
          <h2>We Also Count In Google Map</h2>
            <div class="google-map">
              <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3022.472979439986!2d-73.97769068489596!3d40.7516207793276!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c2590247c56379%3A0x15e13bea38b43e18!2sChrysler+Building!5e0!3m2!1sen!2sus!4v1477406538220" width="555" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
            </div>
        </div>
      </div>
    </div>
  -->
  </div>
</section>
<!-- Call to action Start -->
<section id="call-to-action">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="block">
          <h2>Related labs at Sussex</h2>
          <p></p>
          <a class="btn btn-default btn-call-to-action" href="http://www.sussex.ac.uk/lifesci/pecklab/" target = "_blank" >Peck Labs</a>
          <a class="btn btn-default btn-call-to-action" href="http://www.algorithmiclistening.org" target = "_blank" >Algorithmic Listening Network</a>

        </div>
      </div>
    </div>
  </div>
</section>