<?php include('header.php');?>

 <!-- Start main-content -->
  <div class="main-content-area">
    <!-- Section: page title -->
    <section class="page-title layer-overlay overlay-dark-9 section-typo-light bg-img-center" data-tm-bg-img="images/bg/contactbg1.jpg">
      <div class="container pt-50 pb-50">  
        <div class="section-content">
          <div class="row">
            <div class="col-md-12 text-center">
              <h3 class="title">CONTACT-US</h3>
              <nav class="breadcrumbs" role="navigation" aria-label="Breadcrumbs">
                <div class="breadcrumbs">
                  <span><a href="index.php" rel="home">Home</a></span>
                  <span><i class="fa fa-angle-right"></i></span>
                  
						<span><a href="contact-us.php">Contact-Us</a></span>
                  
                 
                </div>
              </nav>
            </div>
          </div>
        </div>
      </div>
    </section>
    

    
    
        
    	  
    <!-- Section: Contact -->
	  <section id="contact" class="bg-white-f4" >
      <div class="container">
        <div class="section-content">
          <div class="row">
            <div class="col-lg-4 ">
             <div class="shadow-sm p-3 mb-5 bg-white rounded h-100">
                  <h5 class="mb-0" style="text-align:center;color:#12165f;">Contact-Us</h5>
               <!--<h2 class="mt-0 mb-0">ADDRESS</h2>-->
              <!--<h4 class="mb-30">If you need someone to talk to, we listen. We won’t judge or tell you what to do.</h4>-->
              <div class="icon-box icon-left iconbox-centered-in-responsive iconbox-theme-colored1 animate-icon-on-hover animate-icon-rotate mb-50" style="margin-top:10%;">
                <div class="icon-box-wrapper">
                  <div class="icon-wrapper">
                    <a class="icon icon-type-font-icon icon-dark icon-circled"> <i class="flaticon-contact-044-call-1"></i> </a>
                  </div>
                  <div class="icon-text">
                    <h5 class="icon-box-title mt-0">Phone</h5>
                    <div class="content"><a href="tel:+919922445335">+919922445335</a></div>
                  </div>
                  <div class="clearfix"></div>
                </div>
              </div>
              <div class="icon-box icon-left iconbox-centered-in-responsive iconbox-theme-colored1 animate-icon-on-hover animate-icon-rotate mb-50">
                <div class="icon-box-wrapper">
                  <div class="icon-wrapper">
                    <a class="icon icon-type-font-icon icon-dark icon-circled"> <i class="flaticon-contact-043-email-1"></i> </a>
                  </div>
                  <div class="icon-text">
                    <h5 class="icon-box-title mt-0">Email</h5>
                    <div class="content"><a href="mailto:anay.Kulkarni@gmail.com">anay.Kulkarni@gmail.com</a></div>
                  </div>
                  <div class="clearfix"></div>
                </div>
              </div>
              <div class="icon-box icon-left iconbox-centered-in-responsive iconbox-theme-colored1 animate-icon-on-hover animate-icon-rotate mb-50">
                <div class="icon-box-wrapper">
                  <div class="icon-wrapper">
                    <a class="icon icon-type-font-icon icon-dark icon-circled"> <i class="flaticon-contact-025-world"></i> </a>
                  </div>
                  <div class="icon-text">
                    <h5 class="icon-box-title mt-0">Address</h5>
                    <div class="content">Precise Engineers B 151 MIDC Malegaon, Sinnar</div>
                  </div>
                  <div class="clearfix"></div>
                </div>
              </div>
             </div>
              
            </div>
            <div class="col-lg-8 shadow-sm p-3  bg-white rounded">
              <h2 class="mt-0 mb-0" style="text-align:center;color:#12165f;">Send us a Message !</h2>
             
              <!-- Contact Form -->
              <form id="contact_form" name="contact_form" class="" action="#" method="post" novalidate="novalidate" style="    padding: 3%;">
                <div class="row">
                  <div class="col-sm-6">
                    <div class="mb-3">
                      <label>Name <small>*</small></label>
                      <input name="form_name" class="form-control" type="text" placeholder="Enter Name">
                    </div>
                  </div>
                  <div class="col-sm-6">
                    <div class="mb-3">
                      <label>Email <small>*</small></label>
                      <input name="form_email" class="form-control required email" type="email" placeholder="Enter Email">
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-sm-6">
                    <div class="mb-3">
                      <label>Phone<small>*</small></label>
                      <input name="form_phone" class="form-control" type="text" placeholder="Enter Phone">
                    </div>
                  </div>
					
                  <div class="col-sm-6">
                    <div class="mb-3">
                      <label>Company Name <small>*</small></label>
                      <input name="form_subject" class="form-control required" type="text" placeholder="Enter Company Name">
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-sm-12">
                    <div class="mb-3">
                      <label>Address City / Country<small>*</small></label>
                      <input name="form_phone" class="form-control" type="text" placeholder="Address City / Country">
                    </div>
                  </div>
				
                </div>

                <div class="mb-3">
                  <label>Message</label>
                  <textarea name="form_message" class="form-control required" rows="5" placeholder="Enter Requirement*"></textarea>
                </div>
                <div class="mb-3">
                  <input name="form_botcheck" class="form-control" type="hidden" value="">
                  <button type="submit" class="btn btn-flat btn-theme-colored1 text-uppercase mt-10 mb-sm-30 border-left-theme-color-2-4px" data-loading-text="Please wait...">Submit</button>
                  <!--<button type="reset" class="btn btn-flat btn-theme-colored3 text-uppercase mt-10 mb-sm-30 border-left-theme-color-2-4px">Reset</button>-->
                </div>
              </form>

              <!-- Contact Form Validation-->
              <script>
                (function($) {
                  $("#contact_form").validate({
                    submitHandler: function(form) {
                      var form_btn = $(form).find('button[type="submit"]');
                      var form_result_div = '#form-result';
                      $(form_result_div).remove();
                      form_btn.before('<div id="form-result" class="alert alert-success" role="alert" style="display: none;"></div>');
                      var form_btn_old_msg = form_btn.html();
                      form_btn.html(form_btn.prop('disabled', true).data("loading-text"));
                      $(form).ajaxSubmit({
                        dataType:  'json',
                        success: function(data) {
                          if( data.status == 'true' ) {
                            $(form).find('.form-control').val('');
                          }
                          form_btn.prop('disabled', false).html(form_btn_old_msg);
                          $(form_result_div).html(data.message).fadeIn('slow');
                          setTimeout(function(){ $(form_result_div).fadeOut('slow') }, 6000);
                        }
                      });
                    }
                  });
                })(jQuery);
              </script>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section>
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d17847.274245191555!2d73.98299358399126!3d19.885287753600817!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bddb97bf786a033%3A0xb5d585bbe8794237!2sPrecise%20Engineers!5e0!3m2!1sen!2sin!4v1707799362484!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                </div>
            </div>
        </div>
    </section>

  </div>
  <!-- end main-content -->
<?php include('footer.php');?>