<?php $page = 'contactus'; ?>
<?php include 'header.php' ?>

<div class="page-title">
  <div class="page-title-right">
    <div class="container">
      <h2>Contact Us</h2><h2>Contact Us</h2><h2>Contact Us</h2><h2>Contact Us</h2><h2>Contact Us</h2><h2>Contact Us</h2><h2>Contact Us</h2><h2>Contact Us</h2><h2>Contact Us</h2><h2>Contact Us</h2>
    </div>
  </div>
</div>

    <div class="container content-area">
      <!-- about area open -->
      <section class="p_t80 m_b100">
        <!-- <div class="row m_b50">
          <h2 class="text-center h2">Contact Us</h2>
        </div> -->
        <div class="row">
          <div class="col-md-6">

            <h3 class="m_b30 m_t0">Wirte Us</h3>
            <form id="" action="" method="">
            <div class="row">
                <div class="col-md-6">
                  <div class="form-group">
                    <label class="label-text">Full Name *</label>
                    <input required="" data-msg-required="Please enter your name." maxlength="100" class="form-control" name="contact_name" id="contact_name" type="text">
                  </div>
                </div>
                <div class="col-md-6">
                <div class="form-group">
                  <label class="label-text">E-mail Address *</label>
                  <input required="" data-msg-required="Please enter your email address." data-msg-email="Please enter a valid email address." maxlength="100" class="form-control" name="contact_email" id="contact_email" type="email">
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12">
                <div class="form-group">
                  <label class="label-text">Subject</label>
                  <input data-msg-required="Please enter the subject." maxlength="100" class="form-control" name="contact_subject" id="contact_subject" type="text">
                </div>
              </div>
            </div>

            <div class="row">
              <div class="col-md-12">
                <div class="form-group">
                  <label class="label-text">Message *</label>
                  <textarea data-msg-required="Please enter your message." class="form-control" rows="4" name="contact_comment" id="contact_comment"></textarea>
                </div>
              </div>
            </div>
            <br>

            <div class="row">
              <div class="col-md-12">
                <input class="hidden" name="captcha" id="captcha" type="text">
                <!-- keep it hidden -->
                <input value="Send Message" class="btn btn-primary btn-lg" id="" type="submit">
              </div>
            </div>
          </form>
          <hr />
            <h3 class="m_b30 m_t50">Location</h3>
            <div class="contact-map">
              <div class="contact-block_item">
                <i class="fa fa-map-marker" aria-hidden="true"></i><span class="contact-block_text">B-27, SF, Functional Industrial Estate,<br>Patparganj, Industrial Area, Delhi - 110092</span>
              </div>
              <div class="contact-block_item">
                <i class="fa fa-phone" aria-hidden="true"></i><span class="contact-block_label"> <a href="tel:011-4287-8285">011-4287-8285</a></span>
              </div>          
              <div class="contact-block_item">
                <i class="fa fa-envelope" aria-hidden="true"></i><span class="contact-block_label"><a href="mailto:sales.metacut@gmail.com">
                sales.metacut@gmail.com</a></span>
              </div>
            </div>
          </div>

          <div class="col-md-6">
            <div class="map-area">
              <iframe src="https://www.google.com/maps/embed?pb=!1m23!1m12!1m3!1d16657.011598459965!2d77.30211083005298!3d28.638592216948588!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m8!3e6!4m0!4m5!1s0x390cfb37ccca2483%3A0x9eb4084ca17b1529!2sPatparganj+Industrial+Area%2C+Patparganj%2C+Delhi!3m2!1d28.639424599999998!2d77.3109035!5e0!3m2!1sen!2sin!4v1514975466530" frameborder="0" style="border:0" allowfullscreen></iframe>
            </div>
          </div>
        </div>
      </section><div class="clearfix"></div>
      <!-- about area close -->
    </div>

    <?php include 'footer.php' ?>
    <script type="text/javascript">
      $(document).ready(function(){
        // search area hide show
        $(".search-form_toggle").click( function(){
          $(".header-search").slideDown();
          $(".header-search").addClass();
        });   
        $(".header-search .fa-close").click(function () {
                $(".header-search").slideUp("fast");
        });

        // HEART HOVER EFFECT
        $(".heart").hover( function (e) {
        $(this).find("i").addClass('animated headShake');
         }, function(e){
            $(this).removeClass('animated headShake');
         });
        // eye HOVER EFFECT
        $(".eye").hover( function (e) {
        $(this).find("i").addClass('animated flash');
         }, function(e){
            $(this).removeClass('animated flash');
         });
        // shopping HOVER EFFECT
        $(".shopping").hover( function (e) {
        $(this).find("i").addClass('animated bounce');
         }, function(e){
            $(this).removeClass('animated bounce');
         });
        // shopping HOVER EFFECT
        // $(".product-item a").hover( function (e) {
        // $(this).find("i").addClass('animated flipInY');
        //  }, function(e){
        //     $(this).find("i").removeClass('animated flipInY');
        //  });

      });
    </script>