<?php
$_SESSION['active'] = 'gallery';
include 'header.php';
include 'navbar2.php';
include('include/functions.php');
$select_gallery = select_gallery();
?>

<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>Gallery</h2>
<ul class="pages-list">
<li><a href="index.php">Home</a></li>
<li>Gallery</li>
</ul>
</div>
</div>
</div>


<section class="gallery-area pt-100 pb-100">
<div class="container">
<div class="section-title">
<span class="sub-title">
<i class="flaticon-hashtag-symbol"></i>
Our Recent Work
</span>
<!-- <h2>Our Cases & Patient Stories We Create Beautiful Smiles</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>

<div class="row">
    <?php
        while($row = mysqli_fetch_array($select_gallery)){
    ?>
<div class="col-lg-4 col-md-6">
<div class="single-gallery">
<img src="https://admin.kalyanidentalclinics.com/uploads/gallery/<?= $row['image']?>" 

width="100%" height="250px"

alt="image">
<div class="content">
<h3 style="color:white;">
<?= $row['name']?>
</h3>
<!-- <span>Prosthodontics Dentist</span>
<div class="icon">
<a href="services-details.html"><i class="flaticon-right-arrow"></i></a>
</div> -->
</div>
</div>
</div>
<?php
  }
?>










<!-- <div class="col-lg-12 col-md-12">
<div class="pagination-area">
<a href="#" class="prev page-numbers">
<i class='flaticon-left-arrow'></i>
</a>
<span class="page-numbers current" aria-current="page">1</span>
<a href="#" class="page-numbers">2</a>
<a href="#" class="page-numbers">3</a>
<a href="#" class="page-numbers">4</a>
<a href="#" class="page-numbers">5</a>
<a href="#" class="next page-numbers">
<i class='flaticon-right-arrow'></i>
</a>
</div>
</div> -->
</div>
</div>
</section>

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