bnmbnerterterterterterdfgdfgdfgdfgdfgdfgdfgdfgdfg

hjkhhrtertererrrrrerrtertertertertertertert bnmbnerterterterterterdfgdfgdfgdfgdfgdfgdfgdfgdfg

<?php 
ob_start();
require_once('config.php');

?>
<!DOCTYPE html>

<html lang="en">
<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="css/whatsapp.css" rel="stylesheet" type="text/css"  />
<link href="css/simp.min.css" rel="stylesheet" type="text/css" />
<link href="css/custom-plugins.css" rel="stylesheet" type="text/css" />
<title>Gallery | Hotel Snow Crest Inn, McLeod Ganj | Hotel in Dharamshala</title>
<meta name="Description" content="Check out the photos of Hotel Snow Crest Inn, McLeod Ganj, Dharamshala, in the link above." />
<meta property="og:title" content="Gallery | Hotel Snow Crest Inn, McLeod Ganj | Hotel in Dharamshala" />
<meta property="og:type" content="website" />
<meta property="og:url" content="gallery.php" />
<meta property="og:image:alt" content="Hotel Snow Crest Inn, McLeod Ganj, Dharamshala McLeod Ganj Hill View Hotel Snow Crest Inn McLeod Ganj Dharamshala 3" />
<meta property="og:description" content="Check out the photos of Hotel Snow Crest Inn, McLeod Ganj, Dharamshala, in the link above." />
<meta name="Keywords" content="Gallery, Hotel Snow Crest Inn, McLeod Ganj Hotels, Dharamshala Hotels" />
<link rel="canonical" hreflang="en" href="gallery.php" />
<link rel="alternate" media="only screen and (max-width: 640px)" href="gallery.php" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name = "format-detection" content = "telephone=no">
<link rel="shortcut icon" href="#" />
	<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.min.js"></script>
    <script src="js/photo-gallery.js"></script>
	<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
	<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script> 
	
<script type="text/javascript" src="js/whatsapp.js"></script>
  <style>
  .hide-bullets {
    list-style:none;
    margin-left: -40px;
    margin-top:20px;
}
.thumbnail {
    padding: 0;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
}
  </style>
</head>
<body class="for-innerpage for-gallerypage ">
<div id="wrapper">
<?php include'header.php'?>
  <div class="inner-page">
    <div class="loc-fullwidth">
      <div class="row clearfix">
        <div class="col-sm-12 clearfix content_wrapper">
          <div class="no-gutter clearfix">
            <div class="clearfix widget-wrapper img-description-padding">
              <div class="col-xs-12">
                <p class="gallery-header">&nbsp;</p>
         <div class="">    
				<div class="row" style="text-align:center; border-bottom:1px dashed #ccc;  padding:0 0 20px 0; margin-bottom:40px;">
				<h3 style="font-family:arial; font-weight:bold; font-size:30px;">Gallery</h3>      
				</div>        
        <div class="row">
		<div class="">
    <div id="main_area">
        
        <div class="row">
            <div class="col-sm-5" id="slider-thumbs">
                
                <ul class="hide-bullets">
                        <?php
					$i = 0;
					$sql_selects = "Select * from gallery order by id asc";
					$query_selects = mysqli_query($conn, $sql_selects);
						while($res_selects = mysqli_fetch_array($query_selects)){
							$i++;
				?>
                    <li class="col-sm-3">
                        <a class="thumbnail" id="carousel-selector-0">
                          <img src="upload/gallery/<?php echo $res_selects['img'] ?>">
                        </a>
                    </li>
                    <?php } ?>
                   
                </ul>
            </div>
            <div class="col-sm-7">
                <div class="col-xs-12" id="slider">
                    
                    <div class="row">
                        <div class="col-sm-12" id="carousel-bounding-box">
                            <div class="carousel slide" id="myCarousel">
                                
                                <div class="carousel-inner">
                                     <?php
					$i = 0;
					$sql_select = "Select * from gallery order by id asc";
					$query_select = mysqli_query($conn, $sql_select);
						while($res_select = mysqli_fetch_array($query_select)){
							$i++;
				?>
                                    <div class="item<?php if($i <= 1){echo " active"; } ?>" data-slide-number="0">
                                        <img src="upload/gallery/<?php echo $res_select['img'] ?>"></div>
                                   
                                        
                                        <?php } ?>
                                </div>
                                
                                <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                                    <span class="glyphicon glyphicon-chevron-left"></span>
                                </a>
                                <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                                    <span class="glyphicon glyphicon-chevron-right"></span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
</div>
					</div>
				</div>      
              </div>
            </div>
          </div>
          <div class="row social_feed clearfix section_bg"> </div>
          <div class="row location_map_block clearfix"> </div>
          <div class="promotions_block clearfix"> </div>
        </div>
        <div class="custom_widgets_block clearfix"> </div>
      </div>
    </div>
  </div>
</div>
<?php include'footer.php' ?>
<div class="hidden"></div>
<script type="text/javascript" src="bookings.simplotel.com/static/xdomain_cookie.min.html" charset="utf-8"></script>
<script type="text/javascript" src="js/1-simp-lib.min.js"></script>
<script type="text/javascript" src="js/2-simp-lib.min.js"></script>
<script type="text/javascript" src="js/3-simp-lib.min.js"></script>
<script type="text/javascript" src="js/4-simp-lib.min.js"></script>
<script type="text/javascript" src="js/5-simp-lib.min.js"></script>
<script type="text/javascript" src="js/bookingengine.min.js"></script>
<div id="overlay"></div>
<p id="back-top"> <a href="#top"><span class="fa fa-angle-up"></span></a> </p>
<script type="text/javascript">
        $(document).ready(function() {
            /* contains all common scripts which needs to be called on page load */
            initjs();
            /* for initializing the image gallery */
            initGallery();
            /* for Gallery */
            initLightBox();
            // reservation button on top
            // reservation_top_nav();
            // socialicon loader
            onScrollSocialicons();
        });

$(window).on('load', function() {
             responsive_menu();
             galleryThumbnailHeight();
        });
        // Listen for orientation changes
        window.addEventListener("orientationchange", function() {
            // Announce the new orientation number
            // alert(window.orientation);
            responsive_menu();

galleryThumbnailHeight();
        }, false);
        window.addEventListener("resize", function() {
            // Announce the new orientation number
            // alert(window.orientation);
            responsive_menu();
            
            galleryThumbnailHeight();
        }, false); 
	  jQuery(document).ready(function($) {
 
        $('#myCarousel').carousel({
                interval: 5000
        });
        //Handles the carousel thumbnails
        $('[id^=carousel-selector-]').click(function () {
        var id_selector = $(this).attr("id");
        try {
            var id = /-(\d+)$/.exec(id_selector)[1];
            console.log(id_selector, id);
            jQuery('#myCarousel').carousel(parseInt(id));
        } catch (e) {
            console.log('Regex failed!', e);
        }
    });
        // When the carousel slides, auto update the text
        $('#myCarousel').on('slid.bs.carousel', function (e) {
                 var id = $('.item.active').data('slide-number');
                $('#carousel-text').html($('#slide-content-'+id).html());
        });
});  
      </script>
<script type="text/javascript">
      // for going to the top of the page
      goToTop();
      </script>
<div class="col-xs-12 other-script-wrap"> </div>
</div>
</body>
</html>