<?php
$_SESSION['active'] = 'contact';
include 'header.php';
include 'navbar2.php';
?>

<div class=sticky-container>
  <ul class=sticky> 

 <!--  <li>
    <img width="32" height="32" src="assets/social-bar/iconKalyani.png" /> 
    <p><a href="https://vehicleautofinance.com/kalyanidentalclinic/" target=_blank>Kalyani Dental</a></p>
  </li> -->
        
   <li>
    <img width="32" height="32" src="assets/social-bar/fb.png" /> 
    <p><a href="https://www.facebook.com/kalyanidetnal" target=_blank>Facebook</a></p>
  </li>

 <!--  <li>
    <img width="32" height="32" src="assets/social-bar/youtube.png" />
    <p><a href="#" target=_blank>Youtube</a></p>
  </li> -->

 <!--  <li>
    <img width="32" height="32" src="assets/social-bar/twitter.png" />
    <p><a href="#" target=_blank>Twitter</a></p>
  </li>
 -->
  <li>
    <img width="32" height="32" src="assets/social-bar/whatsapp.png" />
    <p><a href="https://wa.me/+919000477229" target=_blank>WhatsApp</a></p>
  </li> 
</ul>
</div>

<script>
    $('.owl-carousel').owlCarousel({
    loop:true,
    margin:10,
    nav:true,
    responsive:{
       
    }
})
</script>

<style type="text/css">
  .sticky1 {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
  }

  .sticky1 + .content {
    padding-top: 102px;
  }


  *{
    margin: 0;
    padding: 0}

    .sticky-container{
      padding: 0px; 
      margin: 0px;
      position: fixed;
      right: -125px;
      top:120px;
      width: 200px;
      z-index: 100;
    }
    .sticky li{
      list-style-type: none;
      background-color: #1B9CC4;
      border-radius:10px;
      color: #efefef;
      height: 43px;
      padding: 0px;
      margin: 0px 0px 1px 0px;
      -webkit-transition:all 0.25s ease-in-out;
      -moz-transition:all 0.25s ease-in-out;
      -o-transition:all 0.25s ease-in-out;
      transition:all 0.25s ease-in-out;
      cursor: pointer;


    }

    .sticky li:hover{
      margin-left: -115px;

    }
    .sticky li img{
      float: left;
      margin: 5px 5px;
      margin-right: 10px;

    }
    .sticky li p{
      padding: 0px;
      margin: 0px;
      text-transform: uppercase;
      line-height: 43px;

    }
    .sticky-container p{
      color: #ecf0f1;
      line-height: 28px;
      font-size: 15px;
      padding-top: 50px;
    }
    .sticky-container p a{
      color: #ecf0f1;
      text-decoration:none;
    }
    #quote_right h6 {
      border-bottom: dashed 1px #ccc;
      background: #e2e2e2;
      padding: 4px 8px;
      margin: 0 0 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
    }
    h6 {
      font: 400 17px ArvoRegular,Arial,sans-serif;
      color: #4a494a;
      padding-bottom: 5px;
    } 
  </style>


<div class="page-banner-area">
<div class="container">
<div class="page-banner-content">

<h2>Contact Us</h2>
<ul class="pages-list">
<li><a href="index.php">Home</a></li>
<li>Contact Us</li>
</ul>
</div>
</div>
</div>


<section class="contact-area ptb-100">
<div class="container">
<div class="section-title">
<span class="sub-title">
<i class="flaticon-hashtag-symbol"></i>
Message Us
</span>
<h2>Drop Us Message for Any Query</h2>
<!-- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p> -->
</div>
   <?php
    if(!empty($_POST['submit']))
    {
       contact_insert();
    }
       if(!empty($_GET['suc']))
	      {
    	?>
          <script>
           alert('Sent Successfully');
           window.location.href="contact.php";
            </script>
    <?php
    }   
    ?>

<div class="contact-form">
<form  method="post" onsubmit="return contact_validation()">
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="form-group">
<input type="text" name="fname" id="fname" class="form-control" required data-error="Please enter your name" placeholder="Name">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="form-group">
<input type="email" name="email" id="emailId" onkeypress="myfunction()" class="form-control" required data-error="Please enter your email" placeholder="Email">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="form-group">
<input type="text" name="phone" id="phone" maxlength="10" onkeypress="return isNumber(event)" required data-error="Please enter your number" class="form-control" placeholder="Phone">
<div class="error" id="err4" align="center" style="color:red;"></div>
<!-- <div class="help-block with-errors"></div> -->
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="form-group">
<input type="text" name="subject" id="subject" class="form-control" required data-error="Please enter your subject" placeholder="Subject">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-lg-12 col-md-12">
<div class="form-group">
<textarea name="message" class="form-control" id="message" cols="30" rows="5" required data-error="Write your message" placeholder="Your Message"></textarea>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-lg-12 col-md-12">
<input type="submit" name="submit" value="Send Message" class="default-btn">
<div id="msgSubmit" class="h3 text-center hidden"></div>
<div class="clearfix"></div>
</div>
</div>
</form>
</div>
<div class="contact-info">
<div class="contact-info-content">
<h3>Contact Us by Phone Number or Email Address</h3>
<h2>
<a href="tel:+9190004 77229">+91-90004 77229

</a>
<span>OR</span>
<i class='bx bx-envelope-open'></i>
<a href="mailto:kalyanispecialitydental16@gmail.com" style="font-size: 0.75em;">kalyanispecialitydental16@gmail.com</a>

</h2>
<ul class="social" >

<li><a href="https://wa.me/919000477299?text=" target="_blank"><i class='bx bxl-whatsapp'></i></a></li>
<li><a href="https://www.facebook.com/kalyanidetnal" target="_blank"><i class='bx bxl-facebook'></i></a></li>

</ul>

</div>
</div>
</div>
</section>
 <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script>
  <br>
<script>
    function contact_validation(){
      var mobile = $('#phone').val();
      var mobile_len = mobile.length;
      var  email = $('#emailId').val();
      var filter = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

        if ($('#fname').val() == '') {
             
          alert("Enter First Name");
            
            return false;
        } 
      
        else if ($('#emailId').val() == '') {
          alert("Enter Email");
            
            return false;
        } 
        else if(!email.match(filter))
        {
            alert("Enter Valid Email Id");
            
            return false;
        }
       
        else if ($('#phone').val() == '') {
          alert("Enter Phone Num");
            
            return false;
        } 
      
        else if (mobile_len < 10) {
          alert("Enter 10 Digits Mobile Number");
            
            return false;
        } 
        else
        {
           return true;
        }
    }

function valid_error(id, error, err) {

    $('.errr').html('');
    $('#' + err).show();

    $('#' + err).html(error);
    $('#' + id).focus();
    return false;
}
</script>

 
<script>
   $('.noSpace').keyup(function() {
 this.value = this.value.replace(/\s/g,'');
});
      function isNumber(evt,ref,len)
        {
        evt = (evt) ? evt : window.event;
        var charCode = (evt.which) ? evt.which : evt.keyCode;
        if(charCode == 8 || charCode == 9 ){
        return true;
        }
        var ctrlDown = evt.ctrlKey||evt.metaKey // Mac support

        if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode != 46 || charCode == 8 || charCode == 37 || charCode == 39 || ( ctrlDown && charCode==86)) {
        return false;
        }
        else if(ref.val().length >= len){
        return false;
            }
        return true;
             }


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