<?php
$_SESSION['active'] = 'ourteam';
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>Our Team</h2>
<ul class="pages-list">
<li><a href="index.php">Home</a></li>
<li>Our Team</li>
</ul>
</div>
</div>
</div>

<section class="doctor-area pt-100 pb-70">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5">
 <div class="section-title-warp">
<span class="sub-title">
<i class="flaticon-hashtag-symbol"></i>
Our Dentist
</span>
<h2>Our Specialized and Experienced Dentist</h2>
</div>
</div>
<div class="col-lg-7">
<div class="section-warp-btn">
<!-- <a href="doctorDetails.php" class="default-btn">View All</a> -->
</div>
</div>
</div>

<div class="row">
              <?php
        $ourteam = ourteam(); 
        while($ourteamrow = mysqli_fetch_array($ourteam)){
    ?>
<div class="col-lg-4 col-md-6">

<div class="single-doctor">
<a href="doctorDetails.php">
  <img src="https://admin.kalyanidentalclinics.com/uploads/ourteam/<?= $ourteamrow['image']?>"  

  width="100%" height="250px"
   alt="image"></a>
<div class="doctor-content">
<h3>
<a href="doctorDetails.php"><?= $ourteamrow['name']?></a>
</h3>
<span><?= $ourteamrow['designation']?></span>
</div>
</div>
</div>


<?php } ?>
</div>

</div>

</section>

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