<?php
$_SESSION['active'] = 'aboutKalyaniClinic';
include 'header.php'; 
include 'navbar2.php';
include('include/functions.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>About Us</h2>
<ul class="pages-list">
<li><a href="index.php">Home</a></li>
<li>About Us</li>
</ul>
</div>
</div>
</div>
<?php
   $select_page = select_about_page();
   $about = mysqli_fetch_array($select_page);
?>

<section class="about-area ptb-100">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7">
<div class="about-content">
<span class="sub-title">
<i class="flaticon-hashtag-symbol"></i>

Our Practice

</span>
<h3><?= $about['name']?></h3>
<p><?= $about['content']?>
</p>
<!-- <div class="row">
<div class="col-lg-6 col-md-6">
<ul class="about-list">
<li>
<i class="flaticon-check"></i>
Complete Crown
</li>
<li>
<i class="flaticon-check"></i>
Dental Implants
</li>
<li>
<i class="flaticon-check"></i>
Dental X-Ray
</li>
</ul>
</div>
<div class="col-lg-6 col-md-6">
<ul class="about-list">
<li>
 <i class="flaticon-check"></i>
Cosmetic Filling
</li>
<li>
<i class="flaticon-check"></i>
Cosmetic Filling
</li>
<li>
<i class="flaticon-check"></i>
Root Canal
</li>
</ul>
</div>
</div> -->
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="about-info">
<i class="flaticon-caduceus"></i>
<h4>17 Years</h4>
<span>Dental Experienced</span>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="about-info">
<i class="flaticon-chair"></i>
<h4>25+</h4>
<span>Dental Services</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-5">
<div class="about-image">
<img src="https://admin.kalyanidentalclinics.com/uploads/about/<?= $about['image']?>" alt="image"
width="100%" height="100%"
>
</div>
</div>
</div>
</div>
</section>




<?php

// include 'overview.php';
include 'footer.php';
?>