contact.html

---
layout: default
title: Contact Us
---
<style type="text/css">
  /* Style all font awesome icons */
.fa {
    padding: 20px;
    font-size: 30px;
    width: 50px;
    text-align: center;
    text-decoration: none;
}

/* Add a hover effect if you want */
.fa:hover {
    opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
    background: #3B5998;
    color: white;
}

/* Twitter */
.fa-twitter {
    background: #55ACEE;
    color: white;
}
.fa-linkedin {
  background: #007bb5;
  color: white;
}
</style>


<section id="contact" style="margin-top: 5%;">
  
	<div class="row">
	  <div class="col-md-7">
      <iframe src="https://www.google.com/maps/d/embed?mid=1VYgP-4zQXB4HgEs3NeZaAqTi_MY&hl=en_US&ehbc=2E312F" width="1040" height="480"></iframe>
    </div>
    </br></br></br>
    <div class="col-md-5"  style="margin-right: 20%;">
        <h4><strong>Get in Touch</strong></h4>
        <form method="POST" action="https://formspree.io/lcs2@iiitd.ac.in">
          <div class="form-group">
            <input type="email" class="form-control" name="email" value="" placeholder="E-mail">
          </div>
          <div class="form-group">
            <textarea class="form-control" name="message" rows="3" placeholder="Message"></textarea>
          </div>
          <button class="btn btn-primary" type="submit" name="button">
              Submit
          </button>
        </form>
        <br/>
      <div class="container">
      <div class="row">
        <div id="socialicons">
          <a class="icon" href="https://twitter.com/lcs2lab" title="Follow with Twitter" target="_blank"><i class="fa fa-twitter"></i></a>
          <a class="icon" href="https://www.facebook.com/lcs2iiitd/" title="Follow with Facebook" target="_blank"><i class="fa fa-facebook"></i></a>
          <a class="icon" href="https://www.linkedin.com/company/lcs2iiitd/" title="Follow with LinkedIn" target="_blank"><i class="fa fa-linkedin"></i></a>
        </div>
      </div>
      </div>
    </div>
  </div>
</section>