kohjhjhصثقصثقصثقgdfgdg
Ele57885fddfgdfgfghgقفغفغفقhfg555434536
/
home
/
u542670534
/
domains
/
thehotelrest.com
/
public_html
/
Upload FileeE
HOME
<!DOCTYPE html> <html lang="en"> <!-- Mirrored from preview.eagle-themes.com/html/zante/room.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 09 Jul 2025 12:30:13 GMT --> <head> <?php include("top.php"); ?> </head> <body> <div id="smoothpage" class="wrapper"> <!-- ========== TOP MENU ========== --> <?php include("header.php"); ?> <!-- =========== PAGE TITLE ========== --> <div class="page_title" style="background: url(images/aboutus2.jpg) no-repeat center center; background-size: cover; height: 50vh;"> <div class="container"> <div class="inner"> <div class="row"> <div class="col-md-6 col-sm-6"> <h1>All Room</h1> <ol class="breadcrumb"> <li><a href="index.php">Home</a></li> <li>Rooms</li> </ol> </div> </div> </div> </div> </div> <style> /* Container spacing */ .room-gallery { margin-top: 30px; } /* Image container */ .room-figure { margin: 0; overflow: hidden; border-radius: 15px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); transition: transform 0.3s ease, box-shadow 0.3s ease; } /* Hover effect */ .room-link:hover .room-img { transform: scale(1.05); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3); } /* Image styles */ .room-img { width: 100%; height: 250px; /* Adjust as needed */ object-fit: cover; display: block; border-radius: 15px; transition: transform 0.3s ease, box-shadow 0.3s ease; } /* Optional: text styling */ figcaption h4 { margin-top: 10px; text-align: center; font-weight: 600; } </style> <!-- =========== MAIN ========== --> <main id="room_page"> <div class="container"> <div class="row"> <div class="col-md-8"> <div class="similar_rooms"> <div class="main_title t_style5 l_blue s_title a_left"> <div class="c_inner"> <h2 class="c_title"> ROOMS</h2> </div> </div> <div class="row room-gallery"> <div class="col-md-6"> <article> <figure class="room-figure"> <a class="room-link"> <img src="images/ad106ad6-171a-4f1f-a775-93f11bc97cd4.avif" alt="Standard Room" class="room-img"> </a> <figcaption> <h4><a >Standard Room</a></h4> </figcaption> </figure> </article> </div> <div class="col-md-6"> <article> <figure class="room-figure"> <a class="room-link"> <img src="images/090af6e6-c726-469e-874a-91fd3814581e.avif" alt="Deluxe Room" class="room-img"> </a> <figcaption> <h4><a >Deluxe Room</a></h4> </figcaption> </figure> </article> </div> <div class="col-md-6"> <article> <figure class="room-figure"> <a class="room-link"> <img src="images/superior.jpg" alt="Superior Room" class="room-img"> </a> <figcaption> <h4><a >Superior Room</a></h4> </figcaption> </figure> </article> </div> <div class="col-md-6"> <article> <figure class="room-figure"> <a class="room-link"> <img src="images/0d9d9702-ad4f-473b-9cf2-470e8f3c371a.avif" alt="Executive Room" class="room-img"> </a> <figcaption> <h4><a >Executive Room</a></h4> </figcaption> </figure> </article> </div> </div> </div> </div> <div class="col-md-4"> <div style=" background: linear-gradient(135deg, #ffffff, #f2f6ff); border-radius: 16px; padding: 30px 25px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08); transition: all 0.3s ease-in-out; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; "> <h2 style=" font-size: 24px; font-weight: bold; color: #003366; text-align: center; margin-bottom: 25px; letter-spacing: 1px; "> 🏨 Room Services </h2> <ul style="list-style: none; padding: 0; margin: 0;"> <li style=" display: flex; align-items: center; background: #fff; margin-bottom: 12px; padding: 12px 16px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03); transition: transform 0.2s ease; " onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'" > <i class="fa fa-wifi" style="color: #0066cc; margin-right: 10px; min-width: 20px;"></i> Free Wi-Fi </li> <li style="display: flex; align-items: center; background: #fff; margin-bottom: 12px; padding: 12px 16px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);"> <i class="fa fa-car" style="color: #0066cc; margin-right: 10px;"></i> Free Parking </li> <li style="display: flex; align-items: center; background: #fff; margin-bottom: 12px; padding: 12px 16px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);"> <i class="fa fa-wheelchair" style="color: #0066cc; margin-right: 10px;"></i> Accessible </li> <li style="display: flex; align-items: center; background: #fff; margin-bottom: 12px; padding: 12px 16px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);"> <i class="fa fa-tshirt" style="color: #0066cc; margin-right: 10px;"></i> Laundry Service </li> <li style="display: flex; align-items: center; background: #fff; margin-bottom: 12px; padding: 12px 16px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);"> <i class="fa fa-briefcase" style="color: #0066cc; margin-right: 10px;"></i> Business Centre </li> <li style="display: flex; align-items: center; background: #fff; margin-bottom: 12px; padding: 12px 16px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);"> <i class="fa fa-paw" style="color: #0066cc; margin-right: 10px;"></i> Pet-friendly </li> <li style="display: flex; align-items: center; background: #fff; margin-bottom: 12px; padding: 12px 16px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);"> <i class="fa fa-child" style="color: #0066cc; margin-right: 10px;"></i> Child Friendly </li> <li style="display: flex; align-items: center; background: #fff; margin-bottom: 12px; padding: 12px 16px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);"> <i class="fa fa-bell" style="color: #0066cc; margin-right: 10px;"></i> Room Service </li> <li style="display: flex; align-items: center; background: #fff; padding: 12px 16px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);"> <i class="fa fa-snowflake" style="color: #0066cc; margin-right: 10px;"></i> Air-conditioned </li> </ul> </div> </div> </div> </div> </main> <!-- ========== FOOTER ========== --> <?php include("footer.php"); ?> </div> <!-- ========== BACK TO TOP ========== --> <div id="back_to_top"> <i class="fa fa-angle-up" aria-hidden="true"></i> </div> <!-- ========== NOTIFICATION ========== --> <div id="notification"></div> <!-- ========== BUY NOW ========== --> <!-- ========== JAVASCRIPT ========== --> <script data-cfasync="false" src="../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="2c1d3d7df77cf3c07724e656-text/javascript" src="js/jquery.min.js"></script> <script type="2c1d3d7df77cf3c07724e656-text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBDgMJEPio2qomUKV1iqlIufj4u2NVd3q4"></script> <script type="2c1d3d7df77cf3c07724e656-text/javascript" src="js/bootstrap.min.js"></script> <script type="2c1d3d7df77cf3c07724e656-text/javascript" src="js/bootstrap-datepicker.min.js"></script> <script type="2c1d3d7df77cf3c07724e656-text/javascript" src="js/bootstrap-select.min.js"></script> <script type="2c1d3d7df77cf3c07724e656-text/javascript" src="js/jquery.smoothState.js"></script> <script type="2c1d3d7df77cf3c07724e656-text/javascript" src="js/moment.min.js"></script> <script type="2c1d3d7df77cf3c07724e656-text/javascript" src="js/morphext.min.js"></script> <script type="2c1d3d7df77cf3c07724e656-text/javascript" src="js/wow.min.js"></script> <script type="2c1d3d7df77cf3c07724e656-text/javascript" src="js/jquery.easing.min.js"></script> <script type="2c1d3d7df77cf3c07724e656-text/javascript" src="js/owl.carousel.min.js"></script> <script type="2c1d3d7df77cf3c07724e656-text/javascript" src="js/owl.carousel.thumbs.min.js"></script> <script type="2c1d3d7df77cf3c07724e656-text/javascript" src="js/jquery.magnific-popup.min.js"></script> <script type="2c1d3d7df77cf3c07724e656-text/javascript" src="js/jPushMenu.js"></script> <script type="2c1d3d7df77cf3c07724e656-text/javascript" src="js/isotope.pkgd.min.js"></script> <script type="2c1d3d7df77cf3c07724e656-text/javascript" src="js/countUp.min.js"></script> <script type="2c1d3d7df77cf3c07724e656-text/javascript" src="js/jquery.countdown.min.js"></script> <script type="2c1d3d7df77cf3c07724e656-text/javascript" src="js/main.js"></script> <script type="2c1d3d7df77cf3c07724e656-text/javascript"> (function (i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', '../../../www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-90057880-1', 'auto'); ga('send', 'pageview'); </script> <script src="../../cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="2c1d3d7df77cf3c07724e656-|49" defer></script></body> <!-- Mirrored from preview.eagle-themes.com/html/zante/room.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 09 Jul 2025 12:30:35 GMT --> </html>