<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>Babbler - A Jungle Resort</title>
    <link rel="shortcut icon" type="image/x-icon" href="images/Logo.png">
    <meta name="keywords" content="">
    
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
    <link href="css/style.css" type="text/css" rel="stylesheet" media="all">
    <link href="css/style-media.css" type="text/css" rel="stylesheet" media="all">
    <!--owl carasal-->
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <!--owl carasal end-->
    <!--for animation-->
    <link rel="stylesheet" href="css/animations.css">
    <link href="css/animate.min.css" rel="stylesheet"> 
    <!--for animation-->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css">
  </head>
  <body>
    <!-- <div id='object'></div> -->
   <?php include("inc/header_.php"); ?>  
<div class="container-fluid">
<div class="row">
<div class="inpage_slider_container1">
        <div class="flexslider">
            <ul class="innerslide">
                <li>
                 <img src="images/banner/slider/deluxe_room.jpg" alt="" title=""/>
              </li>                  
            </ul>
      </div>
      <div class="cliver_inpage1">
            <div class="inpage_heading">
                <h2>Our Rooms</h2>
                <p>Rooms at Babbler - A Jungle Resort</p>
                <ul>
                    <li><a href="index.php"><i class="fa-solid fa-house"></i> Home</a></li>
                    <li><i class="fa-solid fa-chevron-right"></i></li>
                    <li>Tariff</li>
                </ul>
            </div>
        </div>
   </div>
</div>
</div>

<div class="container-fluid">
    <div class="row">
        <div class="somebg margin_allblock">
            <div class="heading_big">   
                <div class="animatedParent" data-sequence='100'>
                    <h2 class="animated fadeInUpShort" data-id='3'>Enjoy our unique resorts carefully curated partner hotels.</h2>
                    <p class="animated fadeInUpShort" data-id='3'>Your Mountain Adventure Begins Here</p>
                </div>                   
            </div>
            <div class="welweight">
                <div class="welcomebody">         
                        <div class="welcomepart_main">
                            <div class="row stickem-container">
                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 photopad"> 
                                    <div class="hotel_block">

                                        <div id="owl-demo" class="owl-carousel5 owl-theme animated fadeInUp slower" data-id='5'>
                                          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 item">
                                                <div class="hotel_photo">
                                                   <img src="images/room/1/1.jpg" alt="img06">
                                                <div class="clearfix"></div>   
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 item">
                                                <div class="hotel_photo">
                                                   <img src="images/room/1/2.jpg" alt="img06">
                                                <div class="clearfix"></div>   
                                                </div>
                                            </div>
                                        </div>
                                        <div class="rate"><p><i class="fa-solid fa-indian-rupee-sign"></i> 1850.00 <span>/ Day</span> </p></div>
                                        
                                        <div class="hom_stay_dit">
                                            <h2>Deluxe Room</h2>
                                            <p>The Deluxe Rooms at Babbler - A Jungle Resort, Almora, is ideal for experiencing the nature from within.</p>

                                            <div class="high">
                                                <h3>Property highlights :</h3>
                                                <ul>
                                                    <li><i class="fa-solid fa-bowl-food"></i> Food available</li>
                                                    <li><i class="fa-solid fa-person-booth"></i> Hotel Views</li>
                                                    <li><i class="fa-solid fa-car"></i> Parking</li>
                                                    <li><i class="fa-solid fa-jar-wheat"></i> Geyser</li>
                                                    <li><i class="fa-solid fa-wifi"></i>Free WiFi</li>
                                                    <!-- <li><i class="fa-solid fa-paw"></i> Pet friendly</li> -->
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 photopad"> 
                                    <div class="hotel_block">
                                        <div id="owl-demo" class="owl-carousel5 owl-theme animated fadeInUp slower" data-id='5'>
                                          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 item">
                                                <div class="hotel_photo">
                                                   <img src="images/room/2/1.jpg" alt="img06">
                                                <div class="clearfix"></div>   
                                                </div>
                                            </div>
                                          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 item">
                                                <div class="hotel_photo">
                                                   <img src="images/room/2/2.jpg" alt="img06">
                                                <div class="clearfix"></div>   
                                                </div>
                                            </div>
                                        </div>
                                        <div class="rate"><p><i class="fa-solid fa-indian-rupee-sign"></i> 2550.00 <span>/ Day</span> </p></div>
                                        
                                        <div class="hom_stay_dit">
                                            <h2>Executive Room</h2>
                                            <p>The Executive Rooms at Kasaar Jungle Resort, Almora, are ideal for a modern-day traveler. </p>
                                            <div class="high">
                                                <h3>Property highlights :</h3>
                                                <ul>
                                                    <li><i class="fa-solid fa-bowl-food"></i> Food available</li>
                                                    <li><i class="fa-solid fa-person-booth"></i> Hotel Views</li>
                                                    <li><i class="fa-solid fa-person-swimming"></i>Swimming Pool</li>
                                                    <li><i class="fa-solid fa-jar-wheat"></i> Geyser</li>
                                                    <li><i class="fa-solid fa-wifi"></i>Free WiFi</li>
                                                    <li><i class="fa-solid fa-wine-bottle"></i>Bar</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 photopad"> 
                                    <div class="hotel_block">
                                        <div id="owl-demo" class="owl-carousel5 owl-theme animated fadeInUp slower" data-id='5'>
                                          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 item">
                                                <div class="hotel_photo">
                                                   <img src="images/room/3/1.jpg" alt="img06">
                                                <div class="clearfix"></div>   
                                                </div>
                                            </div>
                                          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 item">
                                                <div class="hotel_photo">
                                                   <img src="images/room/3/2.jpg" alt="img06">
                                                <div class="clearfix"></div>   
                                                </div>
                                            </div>
                                        </div>
                                        <div class="rate"><p><i class="fa-solid fa-indian-rupee-sign"></i> 3550.00 <span>/ Day</span> </p></div>
                                        
                                        <div class="hom_stay_dit">
                                            <h2>Family Deluxe Room</h2>
                                            <p>We believe in the comprehensive experience that travelers seek while coming to this beautiful place. </p>
                                            <div class="high">
                                                <h3>Property highlights :</h3>
                                                <ul>
                                                    <li><i class="fa-solid fa-bowl-food"></i> Food available</li>
                                                    <li><i class="fa-solid fa-person-booth"></i> Hotel Views</li>
                                                    <li><i class="fa-solid fa-car"></i> Parking</li>
                                                    <li><i class="fa-solid fa-jar-wheat"></i> Geyser</li>
                                                    <li><i class="fa-solid fa-wifi"></i>Free WiFi</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    
                                  
                                </div>

                            </div>
                        </div>
                <div class="clearfix"></div>
                </div>
            </div>
            
        </div>
    </div>
</div>




<?php include("inc/footer.php"); ?>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
  
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.js"></script>  
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/ScrollMagic.min.js"></script>
<script src="https://unpkg.com/@studio-freight/lenis@1.0.34/dist/lenis.min.js"></script>
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script><!--for banner-->
<script src="js/owl.carousel.js"></script>
<!--init Jarallax-->
<script src="https://unpkg.com/object-fit-images/dist/ofi.min.js"></script>
<script src="jaralax/jarallax.js"></script>
      <!--init Jarallax--> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.11/typed.min.js"></script> 
<script src="js/jquery.stickem.js"></script>
<script src='js/animate-it.js'></script>
<script src="js/jquery.tabby.js"></script>

<script src="js/customize-js.js"></script>  
  </body>
</html>