bnmbnerterterterterterdfgdfgdfgdfgdfgdfgdfgdfgdfg

hjkhhrtertererrrrrerrtertertertertertertert bnmbnerterterterterterdfgdfgdfgdfgdfgdfgdfgdfgdfg

<?php
ob_start();
include("configuration/function-include.php");
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>The Whispering Pines Bir</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

<div id="rev_slider_4_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.7.4">
                    <ul>
                        <?php
                        $i = 0;
                        $sql_slider = "select * from sh_banner_slider where status=1 order by displayorder";
                        $query_slider = mysqli_query($conn, $sql_slider);
                        while ($res_slider = mysqli_fetch_array($query_slider)) {
                            $i++;
                        ?>
                            <li data-index="rs-1<?php echo $i; ?>" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="upload/banner/<?php echo $res_slider['img']; ?>" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">

<img src="upload/banner/<?php echo $res_slider['img']; ?>" alt="<?php echo $res_slider['title']; ?>" title="<?php echo $res_slider['title']; ?>" width="1422" height="800" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>

<?php if (!empty($res_slider['title'])) { ?>
                                    <h1 class="tp-caption   tp-resizeme" id="slide-10-layer-1" data-x="['center','center','center','center']" data-hoffset="['8','8','8','7']" data-y="['middle','middle','middle','middle']" data-voffset="['-109','-109','-109','-62']" data-fontsize="['66','66','40','30']" data-lineheight="['78','78','50','36']" data-fontweight="['700','700','700','700']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-frames='[{"delay":900,"speed":1500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":100,"frame":"999","to":"y:-50px;opacity:0;","ease":"nothing"}]' data-textAlign="['center','center','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 5; white-space: nowrap; font-size: 66px; line-height: 78px; font-weight: 700; color: rgba(255,255,255,1);">
                                        <?php echo $res_slider['title']; ?> </h1>
                                <?php }
                                if (!empty($res_slider['subtitle'])) { ?>
                                    <p class="tp-caption   tp-resizeme" id="slide-10-layer-2" data-x="['center','center','center','center']" data-hoffset="['0','0','1','1']" data-y="['middle','middle','middle','middle']" data-voffset="['5','5','-24','12']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-frames='[{"delay":900,"speed":1500,"frame":"0","from":"y:bottom;rX:-20deg;rY:-20deg;rZ:0deg;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"y:[-100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"nothing"}]' data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 6; white-space: nowrap; font-size: 18px; line-height: 22px; font-weight: 400; color: rgba(255,255,255,1);">
                                        <?php echo $res_slider['subtitle']; ?></p><?php } ?>

</li>
                        <?php } ?>

</ul>
                    <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
                </div>
            </div>

<div class="empty-space"></div>
            <div class="h1-introduce">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="sc-heading style-02">
                                <h3 class="title">The Whispering Pines is undoubtedly one of the Best Home Stay in Kangra Valley Himachal (Bir).</h3>
                                <div class="description">
                                    <p>At The Whispering Pines, you will savour every second of your visit. Every year, hundreds of adventure-seeking travellers go to Bir/Billing for paragliding and adventure sports, as well as the area's undiscovered beauty.</p>
                                    <p> The location is surrounded by mountains and provides tranquil and stunning views.</p>
                                </div>
                                <div class="head-button">
                                    <a href="about-us.php" class="more-info">More Info</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="sc-img-box row">
                                <div class="col-sm-6">
                                    <img src="images/about/h1-img1.jpeg" alt="The Whispering Pines">
                                </div>
                                <div class="col-sm-6">
                                    <img src="images/about/h1-img2.jpeg" alt="The Whispering Pines">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="empty-space"></div>
            <div class="sc-travel style-02">
                <div class="sc-content-overlay">
                    <div class="empty-space"></div>
                    <div class="container">
                        <div class="sc-heading style-04 text-center white-color">
                            <h3 class="title">Awesome Rooms</h3>
                            <p class="description">The whispering pines home stay consists of 6 double bedrooms with saprate kitchen, all of which are specially designed for your comfort and long stay.</p>
                        </div>
                        <div class="slides">
                            <div class="travel-slider owl-theme owl-carousel">
                                <?php
                                $i = 0;
                                $sql_select = "Select * from sh_room order by id asc";
                                $query_select = mysqli_query($conn, $sql_select);
                                while ($res_select = mysqli_fetch_array($query_select)) {
                                    $i++;
                                ?>
                                    <div class="item">
                                        <div class="image">
                                            <a href="room_detail.php?DID=<?php echo $res_select['id'] ?>"><img src="upload/room/<?php echo $res_select['img']; ?>" alt="<?php echo $res_select['title']; ?>"></a>
                                            <div class="meta-img">
                                                <span class="price"><?php if (!empty($res_select['price'])) {
                                                                        echo '₹
' . $res_select['price'];
                                                                    } else {
                                                                        echo '₹
                                                                                    ' . $res_select['monthly_price'];
                                                                    }  ?></span>
                                            </div>
                                        </div>
                                        <div class="inner">
                                            <div class="content">
                                                <div class="title"><a href="room_detail.php?DID=<?php echo $res_select['id'] ?>"><?php echo $res_select['title']; ?></a></div>
                                                
                                                <div class="description"><?php
                                                                   
                                                                     echo substr($res_select['shot_description'], 0, 100) . '...'; 
                                                                    ?></div>
                                            </div>
                                            <div class="review clearfix">
                                                <a href="room_detail.php?DID=<?php echo $res_select['id'] ?>" class="btn-book">BOOK NOW</a>
                                            </div>
                                        </div>
                                    </div>
                                <?php } ?>
                            </div>
                        </div>
                    </div>
                    <div class="empty-space"></div>
                </div>
            </div>

</div>
    </div>
    <div class="group-destination">
        <div class="sc-content-overlay">
            <div class="container">
                <div class="empty-space"></div>
                <div class="sc-heading style-01 text-center">
                    <h3 class="title">Services</h3>
                    <p class="description">We welcome you to share our goodwill, enjoy our hospitality and personalised offerings and a surreal holiday in order to actually be unforgettable.</p>
                </div>
                <div class="sc-posts style-01">
                    <div class="row">
                        <?php
                        $sql_service = "SELECT * FROM sh_service WHERE status = 1 and id=1";

$result_service = mysqli_query($conn, $sql_service);

$row_service = mysqli_fetch_array($result_service); ?>

<div class="item-first col-sm-12 col-md-6">
                            <div class="post col-sm-12 col-md-12">
                                <div class="inner">
                                    <div class="thumbnail">
                                        <a href="#"><img src="upload/service/<?php echo $row_service['img']; ?>" alt="<?php echo $row_service['title']; ?>"></a>
                                    </div>
                                    <div class="content">
                                        
                                        <h3 class="title"> <a href="#"> <?php echo $row_service['title']; ?></a>
                                        </h3>
                                        <div class="summary"><?php echo $row_service['description']; ?></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item col-sm-12 col-md-6">
                            <?php
                            $sql_service = "SELECT * FROM sh_service WHERE status = 1 and id!=1 limit 0,4";

$result_service = mysqli_query($conn, $sql_service);

while ($row_service = mysqli_fetch_array($result_service)) { ?>
                                <div class="post col-sm-6 col-md-6">
                                    <div class="inner">
                                        <div class="thumbnail">
                                            <a href="#"><img src="upload/service/<?php echo $row_service['img']; ?>" alt="<?php echo $row_service['title']; ?>"></a>
                                        </div>
                                        <div class="content">

</div>
                </div>
                <div class="empty-space"></div>

</div>
        </div>
    </div>
    <div class="h1-bg-testimonial">
        <div class="sc-content-overlay">
            <div class="container rectangle-overlay">
                <div class="sc-testimonials style-01">
                    <h3 class="heading">Feedback from our happy <br> Guests</h3>
                    <div class="testimonial-slider" data-itemsvisible="3" data-nav="false">
                        <?php
                        $sql_testimonial = "SELECT * FROM sh_testimonial WHERE status = 1";

$result_testimonial = mysqli_query($conn, $sql_testimonial);

while ($row_testimonial = mysqli_fetch_array($result_testimonial)) { ?>
                            <div class="item">
                                <div class="content">
                                    <div class="image">
                                        <img src="upload/testimonial/<?php echo $row_testimonial['img']; ?>" alt="">
                                    </div>
                                    <div class="star-rating">
                                        <?php
                                        if ($row_testimonial['rating'] == 5) {

for ($i = 0; $row_testimonial['rating'] > $i; $i++) {
                                                echo "<i class='fa fa-star' aria-hidden='true'></i>";
                                            }
                                        } else {
                                            $rating = 5 - $row_testimonial['rating'];
                                            $rate = 5 - $rating;
                                            for ($i = 0; ($rate) > $i; $i++) {
                                                echo "<i class='fa fa-star' aria-hidden='true'></i>";
                                            }
                                            for ($j = 0; ($rating) > $j; $j++) {
                                                echo "<i class='fa fa-star-o' aria-hidden='true'></i>";
                                            }
                                        } ?>
                                    </div>
                                    <div class="description">
                                        <?php echo $row_testimonial['description']; ?>
                                    </div>
                                    <div class="user-info">
                                        <h4 class="name"> <?php echo $row_testimonial['name']; ?></h4>
                                        <div class="regency"> <?php echo $row_testimonial['location']; ?></div>
                                    </div>
                                </div>
                            </div>
                        <?php } ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="group-destination">
        <div class="sc-content-overlay">
            <div class="container">
                <div class="empty-space"></div>
                <div class="sc-heading style-01 text-center">
                    <h3 class="title">Attraction</h3>
                    <p class="description">We live for vacationers and travelers who love a good deal, fun, and adventure</p>
                </div>
                <div class="attraction sc-posts style-01 auto-height">
                    <div class="item row">
                        <?php
                        $i = 0;
                        $sql_attraction = "SELECT * FROM sh_attraction WHERE status = 1 limit 0,6";
                        $result_attraction = mysqli_query($conn, $sql_attraction);
                        while ($row_attraction = mysqli_fetch_array($result_attraction)) {

$i++;
                        ?>
                            <div class="post col-sm-6 col-md-4">
                                <div class="inner">
                                    <div class="thumbnail">
                                        <a href="detail_attraction.php?DID=<?php echo $row_attraction['id']; ?>"><img src="upload/attraction/<?php echo $row_attraction['img']; ?>" alt="<?php echo $row_attraction['title']; ?>"></a>
                                    </div>
                                    <div class="content">
                                        <h3 class="title"> <a href="detail_attraction.php?DID=<?php echo $row_attraction['id']; ?>"><?php echo $row_attraction['title']; ?></a>
                                        </h3>

<div class="summary">
                                            <?php echo substr($row_attraction['description'], 0, 100) . '...'; ?>
                                        </div>
                                        <a href="detail_attraction.php?DID=<?php echo $row_attraction['id']; ?>" class="read-more">More Info</a>
                                    </div>
                                </div>
                            </div>
                        <?php } ?>

</div>
                </div>
                <div class="sc-heading style-01 text-center">
                    <h3 class="title">Our Gallery</h3>
                    <p class="description">Stay with us, feel at home</p>
                </div>
                <div class="sc-gallery style-01">
                    <div class="gallery-slider owl-carousel owl-theme">
                        <?php
                        $j = 0;
                        $sql_cat = "Select Distinct categoryID from sh_gallery where status = 1";
                        $query_cat = mysqli_query($conn, $sql_cat);

if (mysqli_num_rows($query_cat) > 0) {
                            while ($res_cat = mysqli_fetch_array($query_cat)) {
                                $j++;

$sql_category = "Select * from sh_category where id = '" . $res_cat['categoryID'] . "'";
                                $query_category = mysqli_query($conn, $sql_category);
                                $res_category = mysqli_fetch_array($query_category);

?>
                                <div class="item">
                                    <div class="gallery">
                                        <a href="#gallery-<?php echo $j; ?>" class="btn-gallery"><img src="upload/category/<?php echo $res_category['img']; ?>" alt="<?php echo $res_category['category']; ?>"></a>
                                        <div id="gallery-<?php echo $j; ?>" class="hidden">
                                            <?php $i = 0;
                                            $sql_gal = "Select * from sh_gallery where categoryID='" . $res_cat['categoryID'] . "' and status=1";
                                            $query_gal = mysqli_query($conn, $sql_gal);
                                            while ($res_gal = mysqli_fetch_array($query_gal)) {
                                                $i++; ?>
                                                <a href="upload/gallery/<?php echo $res_gal['img']; ?>"><img src="upload/gallery/<?php echo $res_gal['img']; ?>" alt="<?php echo $res_gal['title']; ?>"></a>
                                            <?php } ?>

</div>
                                    </div>
                                    <div class="content">
                                        <h4 class="title"><a href="#"><?php echo $res_category['category']; ?></a></h4>
                                        <span class="count"><?php echo $i; ?> photos</span>
                                    </div>
                                </div>
                        <?php }
                        } ?>

</div>
                </div>
                <div class="empty-space"></div>
            </div>
        </div>
    </div>
    </div>
    </div>

<?php include('include/footer.php'); ?>

if (!empty($_SESSION['msg'])) {
        echo '
    <script type="text/javascript">
    
    $(document).ready(function(){
    
      swal("' . $_SESSION['msg'] . '", "", "success");
    });
    
    </script>
    ';
        unset($_SESSION['msg']);
    }

if (!empty($_SESSION['msg1'])) {
        echo '
<script type="text/javascript">

$(document).ready(function(){
  swal("Oops...", "' . $_SESSION['msg1'] . ' :(", "error");
});

</script>
';
        unset($_SESSION['msg1']);
        exit;
    }
    ?>

});

$('.phone').on('input', function(event) {
            this.value = this.value.replace(/[^0-9]/g, '');
        });
    </script>
    <script>
        function setREVStartSize(e) {
            try {
                e.c = jQuery(e.c);
                var i = jQuery(window).width(),
                    t = 9999,
                    r = 0,
                    n = 0,
                    l = 0,
                    f = 0,
                    s = 0,
                    h = 0;
                if (e.responsiveLevels && (jQuery.each(e.responsiveLevels, function(e, f) {
                        f > i && (t = r = f, l = e), i > f && f > r && (r = f, n = e)
                    }), t > r && (l = n)), f = e.gridheight[l] || e.gridheight[0] || e.gridheight, s = e.gridwidth[l] || e
                    .gridwidth[0] || e.gridwidth, h = i / s, h = h > 1 ? 1 : h, f = Math.round(h * f), "fullscreen" == e
                    .sliderLayout) {
                    var u = (e.c.width(), jQuery(window).height());
                    if (void 0 != e.fullScreenOffsetContainer) {
                        var c = e.fullScreenOffsetContainer.split(",");
                        if (c) jQuery.each(c, function(e, i) {
                                u = jQuery(i).length > 0 ? u - jQuery(i).outerHeight(!0) : u
                            }), e.fullScreenOffset.split("%").length > 1 && void 0 != e.fullScreenOffset && e
                            .fullScreenOffset.length > 0 ? u -= jQuery(window).height() * parseInt(e.fullScreenOffset, 0) /
                            100 : void 0 != e.fullScreenOffset && e.fullScreenOffset.length > 0 && (u -= parseInt(e
                                .fullScreenOffset, 0))
                    }
                    f = u
                } else void 0 != e.minHeight && f < e.minHeight && (f = e.minHeight);
                e.c.closest(".rev_slider_wrapper").css({
                    height: f
                })
            } catch (d) {
                console.log("Failure at Presize of Slider:" + d)
            }
        };
    </script>
    <script>
        var revapi4,
            tpj;
        (function() {
            if (!/loaded|interactive|complete/.test(document.readyState)) document.addEventListener("DOMContentLoaded",
                onLoad);
            else onLoad();

};
            /* END OF ON LOAD FUNCTION */
        }());
        /* END OF WRAPPING FUNCTION */
    </script>

</body>

</html>