<?php include 'header.php';?>
	<?php include 'navbar.php';?>
	<!-- Page Title -->
    <section class="page-title" style="background-image:url(nimg/contactban.png);">
    	<div class="auto-container">
        	<div class="inner-box">
                <h3 class="conmaintxt">Contact us</h3>
                <div class="bread-crumb"><a href="index.php">Home &nbsp; /</a> <i class="current">Contact</i></div>
            </div>
        </div>
    </section>
	<!-- End Page Title -->
	
	<!-- Contact Page Section -->
	<section class="contact-page-section">
		<div class="auto-container">
			<div class="row clearfix">
				
				<!-- Form Column -->
				<div class="form-column col-lg-8 col-md-12 col-sm-12">
					<div class="inner-column">
						
						<!-- Sec Title -->
						<div class="sec-title">
							<h6 class="contitle">Enquiry now</h6>
						
						</div>
						
						<!-- Contact Form -->
						<div class="contact-form">
							<form id="contact-form">
								<div class="row clearfix">
									
									<div class="col-lg-6 col-md-6 col-sm-12 form-group">
										<input type="text" name="name" id="name" placeholder="Name " required>
									</div>
									
									<div class="col-lg-6 col-md-6 col-sm-12 form-group">
										<input type="email" name="email" id="email"  placeholder="Email " required>
									</div>
									
									<div class="col-lg-6 col-md-6 col-sm-12 form-group">
										<input type="text" name="subject" id="subject"  placeholder="Subject " required>
									</div>
									
									<div class="col-lg-6 col-md-6 col-sm-12 form-group">
										<input type="text" name="phone" id="phone" placeholder="Phone " required>
									</div>
									
									<div class="col-lg-12 col-md-12 col-sm-12 form-group">
										<textarea name="message" id="message"  placeholder="Message "></textarea>
									</div>
								
								
				  	<!------------captcha------------>
								<script src="https://www.google.com/recaptcha/api.js" async defer></script>
									 <div
        class="g-recaptcha"
        data-sitekey="6LfgDSAmAAAAACT0MB6xBZVzyXgiYygYCG0A5Cv3"
        data-callback="callback"
      ></div>
	  <!---------------------> 
								
									<div class="col-lg-12 col-md-12 col-sm-12 form-group">
										<button class="theme-btn btn-style-two"  id="submit-button" type="submit" onclick="gotowhatsapp()" name="submit-form"><span class="txt">Send Now</span></button>
									</div>
									
													<script type="text/javascript">
      function callback() {
        const submitButton = document.getElementById("submit-button");
        submitButton.removeAttribute("disabled");
      }
    </script> 
				  	
						
									
									
								</div>
							</form>
							
	 <script>
          function gotowhatsapp() {
            var name = document.getElementById("name").value; 
            var email = document.getElementById("email").value;
			  var phone = document.getElementById("phone").value;
			   var subject = document.getElementById("subject").value;
            var message = document.getElementById("message").value;

 
            var url =
              "https://wa.me/+918298296601?text=" +
             "Name: " +
              name +
              "%0a" +
              "Phone: " +
              phone +
              "%0a" +
			 "Email: " +
              email +
              "%0a" +
			   "subject: " +
              subject +
              "%0a" +
			 "message: " +
              message;
            
             
			  
			  
			  
			  
			  
            window.open(url, "_blank").focus();
          }
        </script>	
						</div>
						
					</div>
				</div>
				
				<!-- Info Column -->
				<div class="info-column col-lg-4 col-md-12 col-sm-12">
					<div class="inner-column">
						
						<!-- Sec Title -->
						<div class="sec-title">
							<h3 class="cntdifotxt">Contact Us</h3>
							
						</div>
						
						<div class="content-boxed">
						
							<ul>
								<li><span class="icon fa fa-phone"></span><a href="tel:+918298296601">+918298296601</a></li>
								<li><span class="icon fa fa-phone"></span><a href="tel:+917837835551">+917837835551</a></li>
								<li><span class="icon fa fa-envelope"></span><a href="mailto:sbagsandgifts@gmail.com">sbagsandgifts@gmail.com</a> </li>
						
								<!--<li><span class="icon fa fa-map-marker"></span>1/4 pv illam, subramaniapuram 5th Street (south),karaikudi-630001.</li>-->
								
                             	<li><span class="icon fa fa-map-marker"></span> 1/259,h79 pathmavathi nagar, pon nagar alagappapuram post landmark  near saibaba temple, karaikudi, 630003</li>
                               
							</ul>
						</div>
						
					</div>
				</div>
				
			</div>
			
		</div>
	</section>
	<!-- End Faq Section -->
	
	
		<?php include 'footer.php';?>