/home/annai/public_html/ Current File: /home/annai/public_html/contact.php
	<?php include'header.php';?>
	<?php include'navbar.php';?>
	<!-- START PAGE BANNER AND BREADCRUMBS -->
	<section id="page-banner">
		<div class="single-page-title-area overlay " data-background="img/contactbg.jpg">
			<div class="auto-container">
				<div class="row">
					<div class="col-12 text-center">
						<div class="single-page-title">
							<h2>Get In Touch</h2>
						</div>
					</div>
				</div>
				<!-- end row-->
			</div>
		</div>
		<div class="single-page-title-area-bottom">
			<div class="auto-container">
				<div class="row">
					<div class="col-12 text-center">
						<ol class="breadcrumb">
							<li class="breadcrumb-item"><a href="index.php">Home</a></li>
							<li class="breadcrumb-item active">Contact Us</li>
						</ol>
					</div>
				</div>
				<!-- end row-->
			</div>
		</div>
	</section>
	<!-- END PAGE BANNER AND BREADCRUMBS -->
	
	<!-- START CONTACT SECTION -->
    <section id="contactpage" class="section-padding">
        <div class="container">
			<div class="row">
				<div class="col-12 text-center">
					<div class="section-title">
						<h5>response with in minute</h5>
						<h3>Contact <span>Us</span></h3>
					</div>
				</div>
			</div>
			<!-- end section title -->
			<div class="row text-center">
				<div class="col-lg-4 col-md-4 col-12 mb-lg-0 mb-md-0 mb-5">
					<div class="single-address">
						<div class="single-address-icon">
							<i class="far fa-envelope-open"></i>
						</div>
						<div class="single-address-dec">
							<h4>Write a mail</h4>
							<p>annaiattanguditiles@gmail.com</p>
						
						</div>
						
					</div>
				</div>
				<!-- end col -->
				<div class="col-lg-4 col-md-4 col-12 mb-lg-0 mb-md-0 mb-5">
					<div class="single-address">
						<div class="single-address-icon">
							<i class="icofont icofont-phone-circle"></i>
						</div>
						<div class="single-address-dec">
							<h4>Give a call</h4>
							<p><i class="icofont icofont-social-whatsapp"></i> +91 7395848875</p>
							<p><i class="icofont icofont-phone-circle"></i> +91 7598101317</p>
						</div>
						
					</div>
				</div>
				<!-- end col -->
				<div class="col-lg-4 col-md-4 col-12 mb-lg-0 mb-md-0 mb-5">
					<div class="single-address">
						<div class="single-address-icon">
							<i class="far fa-address-card"></i>
						</div>
						<div class="single-address-dec">
							<h4>Visit our location</h4>
							<p>C.Puthur Main Road, P.Muthupattanam, Athangudi- 630101 </p>
						</div>
						
					</div>
				</div>
				
				
				<!-- end col -->
			</div>
			<!-- end row -->

			<div class="row">
				<div class="col-12 text-center">
					<div class="section-title-2">
						<h3>Send Us Message</h3>
					</div>
				</div>
				
			   <div class="col-lg-5 text-center">
					<img src="img/intro.png" class="img-fluid " alt="athangudi tiles">
				</div>
				<div class="col-lg-7 mx-auto">
					<div class="contact-form-wrapper">
						<div class="contact-form">
							<form autocomplete="off" id="contact-form">
                        <div class="row">
                            <div class="col-lg-6 btn">
                                <div class="single-input-item" >
                                     <input type="text" oninput="validate(this)"class="form-control"  id="name"name="name" placeholder="Your Name" required>
                                </div>
                            </div>

                            <div class="col-lg-6 btn ">
                                <div class="single-input-item">
                                     <input type="text" oninput="validate(this)" class="form-control" id="phone"name="phone" placeholder="Your phone number" required>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-6 btn ">
                                <div class="single-input-item">
                                   <input type="text" oninput="validate(this)" class="form-control" id="location"name="location" placeholder="Your location" required>
                                </div>
                            </div>

                            <div class="col-lg-6 btn ">
                                <div class="single-input-item">
                                   <input type="text" oninput="validate(this)" class="form-control"  id="services"name="services" placeholder="services" required>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-12">
                                <div class="single-input-item ">
                                    <textarea name="message" id="message" class="form-control" oninput="validate(this)" cols="30" rows="6"
                                              placeholder="Message"></textarea>
                                </div>

                                <div class="single-input-item text-center form-group ">
                                   
									 <input type="submit" onclick="gotowhatsapp1()" name="submit"  class="btn btn-contact-bg" value="Send"/>
                                </div>

                                <!-- Form Notification -->
                               
                            </div>
                        </div>
                    </form>
					
		                  
							<script>
          function gotowhatsapp1() {
			  
            var name = document.getElementById("name").value; 
			var phone = document.getElementById("phone").value;
			var location = document.getElementById("location").value;
            var services = document.getElementById("services").value;
            var message = document.getElementById("message").value;

            var url =
              "https://wa.me/+917395848875?text=" +
              "Name: " +
              name +
              "%0a" +
              "Phone-Number: " +
              phone +
              "%0a" + 
			  "Location: " +
              location +
              "%0a" +
			  "Services: " +
              services +
              "%0a" +
               "Message: " +
              message;
              if (name == null || name == "", phone == null || phone == "", location == null || location == "", services == null || services == "") {
               alert("Please Fill All Required Field");
               return false;
			  }
			  
            window.open(url, "_blank").focus();
			
          }
        </script>
                <script>
		          function validate(input){
                     if(/^\s/.test(input.value))
                     input.value = '';
                         }
                </script>							
						</div>
					</div>
				</div>
			
			</div>
			<!-- end row -->
        </div>
        <!--- END CONTAINER -->
    </section>
    <!-- END CONTACT SECTION -->
	
	<!-- GOOGLE MAP -->
	<div class="gmap_canvas">
		<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3927.3411942972416!2d78.72994851421042!3d10.152896273170056!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b00636b9262aac7%3A0x4b016d32e165a035!2sANNAI%20ATHANGUDI%20TILES!5e0!3m2!1sen!2sin!4v1678188813193!5m2!1sen!2sin" width="100%" height="350" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
	</div>
	<!-- END GOOGLE MAP -->
	
   <?php include'footer.php';?>