<?php include'header.php';?>
<?php include'navbar.php';?>

<div class="page-banner-area bg-one">
<div class="container">
<div class="page-banner-content">
<h1>Contact Us</h1>
<ul>
<li><a href="index.php">Home</a></li>
<li>Contact Us</li>
</ul>
</div>
</div>
</div>


<div class="contact-us-area pt-100 pb-70" id="apply">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="contacts-form">
<h3>If you want to join now, Apply Here</h3>
<form id="contactForm">
<div class="row">
<div class="col-lg-6 col-sm-6">
<div class="form-group">
<label>Your name</label>
<input type="text" name="name" id="name" class="form-control" required data-error="Please enter your name">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-lg-6 col-sm-6">
<div class="form-group">
<label>Your email</label>
<input type="email" name="email" id="email" class="form-control" required data-error="Please enter your email">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-lg-6 col-sm-6">
<div class="form-group">
<label>Your phone</label>
<input type="text" name="phone_number" id="phone" required data-error="Please enter your number" class="form-control">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-lg-6 col-sm-6">
<div class="form-group">
<label>Subject</label>
<input type="text" name="msg_subject" id="services" class="form-control" required data-error="Please enter your subject">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-12">
<div class="form-group">
<label>Your message</label>
<textarea name="message" class="form-control" id="message" cols="30" rows="8" required data-error="Write your message"></textarea>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-lg-12 col-md-12">
 <input type="submit" onclick="gotowhatsapp2()" name="submit"  class="default-btn" value="Send message"/>
 </div>
</div>
</form>
<script>
          function gotowhatsapp2() {
			  
            var name = document.getElementById("name").value; 
			var email = document.getElementById("email").value;
			var phone = document.getElementById("phone").value;
			var services = document.getElementById("services").value;
            var message = document.getElementById("message").value;

            var url =
              "https://wa.me/+918610845051?text=" +
              "Name: " +
              name +
              "%0a" +
			  "Email: " +
              email +
              "%0a" +
              "Phone-Number: " +
              phone +
			  "%0a" +
			  "Subject: " +
              services +
			   "%0a" +
               "Message: " +
              message;
              if (name == null || name == "", email == null || email == "", phone == null || phone == "",  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 class="col-lg-6">
<div class="contact-and-address">
<h2>Let's Contact Us</h2>

<div class="contact-and-address-content">
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="contact-card">
<div class="icon">
<i class="ri-phone-line"></i>
</div>
<h4>Contact</h4>
<p>Mobile: <a href="tel:+918610845051">+91  8610845051</a></p>
<p>Mobile: <a href="tel:+919345112311">+91  9345112311</a></p>

</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="contact-card">
<div class="icon">
<i class="ri-map-pin-line"></i>
</div>
<h4>Address</h4>
<p> Bharathi Nagar 5th Street, SR Petrol Bunk Opp, Karaikudi.</p>
</div>
</div>
</div>
</div>
<div class="social-media">
<h3>Social Media</h3>

<ul>
<li>
<a href="https://www.facebook.com/" target="_blank"><i class="flaticon-facebook"></i></a>
</li>
<li>
<a href="https://instagram.com/?lang=en" target="_blank"><i class="flaticon-instagram"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>


<?php include'footer.php';?>