File manager

File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/creekwood.in/family-room.php

Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Family Room - Creek Wood Resort</title> <!-- Stylesheets --> <link href="css/bootstrap.css" rel="stylesheet"> <link href="css/revolution-slider.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <!--Favicon--> <link rel="shortcut icon" href="images/home/favicon.png" type="image/x-icon"> <link rel="icon" href="images/home/favicon.png" type="image/x-icon"> <!-- Responsive --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <link href="css/responsive.css" rel="stylesheet"> <style> .about-page { position: relative; padding: 40px 0px 30px 0px; background: none; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { margin: auto; } #myCarousel{ margin: 0 auto; background: #fff; } #thumbCarousel{ margin: 0 auto; overflow: hidden; background: #fff; padding: 10px 0; } #thumbCarousel .thumb{ float: left; margin-right: 10px; border: 1px solid #e6e6e6; background: #fff; } #thumbCarousel .thumb:last-child{ margin-right: 0; } .thumb:hover{ cursor: pointer; } .thumb img{ opacity: 0.5; } .thumb img:hover{ opacity: 1; } .thumb.active img{ opacity: 1; border: 1px solid #808080; } .thumbCarousel img{ width: 120px; height: 130px } </style> </head> <body> <div class="page-wrapper"> <?php include 'include/header.php';?> <section class="page-title text-center"> <div class="auto-container"> <div class="content-box"> <div class="title">Family Room</div> <ul class="bread-crumb"> <li><a href="index.php">Home<i class="fa fa-angle-right"></i></a></li> <li>Family Room</li> </ul> </div> </div> </section> <section class="rooms-details"> <div class="container"> <div class="row"> <div class="col-md-8 col-sm-8 col-xs-12"> <div class="rooms-details-content"> <div class="img-box"> <div id="myCarousel" class="carousel slide" data-interval="false"> <div class="carousel-inner" role="listbox"> <div class="item active"> <img src="images/rooms/1.jpg" alt=""> </div> <div class="item"> <img src="images/rooms/2.jpg" alt=""> </div> <div class="item"> <img src="images/rooms/3.jpg" alt=""> </div> <div class="item"> <img src="images/rooms/4.jpg" alt=""> </div> <div class="item"> <img src="images/rooms/5.jpg" alt=""> </div> <div class="item"> <img src="images/rooms/6.jpg" alt=""> </div> <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> <div id="thumbCarousel"> <div data-target="#myCarousel" data-slide-to="0" class="thumb active"> <img src="images/rooms/1.jpg" style="width: 118px; height: 118px"></div> <div data-target="#myCarousel" data-slide-to="1" class="thumb"> <img src="images/rooms/2.jpg" style="width: 118px; height: 118px"></div> <div data-target="#myCarousel" data-slide-to="2" class="thumb"> <img src="images/rooms/3.jpg" style="width: 118px; height: 118px"></div> <div data-target="#myCarousel" data-slide-to="3" class="thumb"> <img src="images/rooms/4.jpg" style="width: 118px; height: 118px"></div> <div data-target="#myCarousel" data-slide-to="4" class="thumb"><img src="images/rooms/5.jpg" style="width: 118px; height: 118px"></div> <div data-target="#myCarousel" data-slide-to="4" class="thumb"><img src="images/rooms/6.jpg" style="width: 118px; height: 118px"></div> </div> </div> </div> <div class="lower-content"> <h2>Family Room</h2> <!--<div class="text"><span>Rs. 35000</span> / Night</div>--> <ul class="rating"> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> </ul> <p>Our Family Rooms are thoughtfully designed to provide ample space and comfort for families traveling together. Featuring cozy interiors and modern furnishings, these rooms offer the perfect setting for a memorable stay. Equipped with amenities like air conditioning, a flat-screen television, a minibar, a tea kettle, and premium toiletries, our Family Rooms ensure a convenient and relaxing experience for every guest. With multiple bedding options and enough room to unwind, these spaces are ideal for creating cherished moments with your loved ones. Whether you're here to relax or explore, our Family Rooms promise a blend of comfort and functionality to make your stay truly enjoyable.</p> </div> <div class="rooms-catagori"> <h3>Room Amenities </h3> <div class="row"> <div class="col-md-4 col-sm-4 col-xs-12"> <ul class="list"> <li>Air Conditioner</li> <li> LED TV</li> </ul> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <ul class="list"> <li>Mini Bar</li> <li>Toiletries</li> </ul> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <ul class="list"> <li>Tea Kettle</li> <li>TCM Supply</li> </ul> </div> </div> </div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="sidbar-content"> <h3>Room Reservation</h3> <div class="date"> <i class="fa fa-calendar" aria-hidden="true"></i> <input type="text" name="date" placeholder="Araival date" id="datepicker"> <i class="fa fa-calendar" aria-hidden="true"></i> <input type="text" name="date" placeholder="Departure date" id="datepickerone"> </div> <select class="custom-select-box"> <option>Adults</option> <option>18 years</option> <option>20 years</option> <option>25 years</option> <option>30 years</option> </select> <select class="custom-select-box"> <option>Children</option> <option>5 years</option> <option>8 years</option> <option>12 years</option> <option>15 years</option> </select> <select class="custom-select-box"> <option>Room Type</option> <option>Double Bed</option> <option>Outdoor Kitchen</option> </select> <a href="https://bookings.asiatech.in/?page=8188&type=website" target="_blank"class="btn-one">Book Now</a> </div> </div> </div> </div> </section> <!-- contact section end --> <!-- google map area --> <?php include 'include/footer.php';?> <!-- jQuery js --> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRvBPo3-t31YFk588DpMYS6EqKf-oGBSI"></script> <script src="js/map-script.js"></script> <script type="text/javascript" src="js/jquery-2.1.4.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.themepunch.tools.min.js"></script> <script src="js/jquery.themepunch.revolution.min.js"></script> <script type="text/javascript" src="js/revolution.extension.slideanims.min.js"></script> <script type="text/javascript" src="js/revolution.extension.layeranimation.min.js"></script> <script type="text/javascript" src="js/revolution.extension.navigation.min.js"></script> <script type="text/javascript" src="js/revolution.extension.kenburn.min.js"></script> <script type="text/javascript" src="js/revolution.extension.actions.min.js"></script> <script type="text/javascript" src="js/revolution.extension.parallax.min.js"></script> <script type="text/javascript" src="js/revolution.extension.migration.min.js"></script> <script type="text/javascript" src="js/jquery.fancybox.pack.js"></script> <script type="text/javascript" src="js/jquery-ui.min.js"></script> <script type="text/javascript" src="js/owl.carousel.min.js"></script> <script type="text/javascript" src="js/jquery.appear.js"></script> <script type="text/javascript" src="js/jquery.countTo.js"></script> <script src="js/isotope.js"></script> <script src="js/jquery.fancybox.pack.js"></script> <script src="js/jquery.fancybox-media.js"></script> <script src="js/owl.js"></script> <script src="js/masterslider.js"></script> <script type="text/javascript" src="js/jquery.polyglot.language.switcher.js"></script> <script src="js/owl.carousel.min.js"></script> <script type="text/javascript" src="js/jquery.mixitup.min.js"></script> <script src="js/validate.js"></script> <script src="js/wow.js"></script> <script src="js/script.js"></script> <script type="text/javascript" src="js/theme.js"></script> <script src="js/map-script.js"></script> <script src="js/timePicker.js"></script> <script src="js/jquery-ui.js"></script> <script src="js/gmaps.js"></script> <script src="js/map-helper.js"></script> <!-- End of .page_wrapper --> <script> $(document).ready(function(){ //carousel-control $("#myCarousel").mouseover(function(){ $("#myCarousel .carousel-control").show(); }); $("#myCarousel").mouseleave(function(){ $("#myCarousel .carousel-control").hide(); }); //active thumbnail $("#thumbCarousel .thumb").on("click", function(){ $(this).addClass("active"); $(this).siblings().removeClass("active"); }); //carousel slides $('#myCarousel').on('slid.bs.carousel', function(){ var index = $('.carousel-inner .item.active').index(); //console.log(index); var thumbnailActive = $('#thumbCarousel .thumb[data-slide-to="'+index+'"]'); thumbnailActive.addClass('active'); $(thumbnailActive).siblings().removeClass("active"); //console.log($(thumbnailActive).siblings()); }); }); </script> </body> </html>

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.02 | proxy | phpinfo | Settings