File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/chiraiyaresortandhotels.com/restaurant.php
Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <!-- TITLE --> <title>Restaurant | Chiraiya Resort and Hotels</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="format-detection" content="telephone=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <link rel="shortcut icon" href="images/favicon.png"/> <!-- GOOGLE FONT --> <link href="https://fonts.googleapis.com/css?family=Hind:400,300,500,600%7cMontserrat:400,700" rel='stylesheet' type='text/css'> <!-- CSS LIBRARY --> <link rel="stylesheet" type="text/css" href="css/lib/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="css/lib/font-lotusicon.css"> <link rel="stylesheet" type="text/css" href="css/lib/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="css/lib/owl.carousel.css"> <link rel="stylesheet" type="text/css" href="css/lib/jquery-ui.min.css"> <link rel="stylesheet" type="text/css" href="css/lib/magnific-popup.css"> <link rel="stylesheet" type="text/css" href="css/lib/settings.css"> <link rel="stylesheet" type="text/css" href="css/lib/bootstrap-select.min.css"> <link rel="stylesheet" type="text/css" href="css/responsive.css"> <!-- MAIN STYLE --> <link rel="stylesheet" type="text/css" href="css/style.css"> <style> .about-item{ text-align:justify; } .restaurant-section { background: #fff8f0; padding: 80px 20px; text-align: center; font-family: Arial, sans-serif; } .section-title { font-size: 36px; margin-bottom: 50px; color: #333; } .restaurant-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; } .restaurant-gallery img { width: 100%; height: 200px; object-fit: cover; cursor: pointer; border-radius: 15px; transition: transform 0.3s ease; } .restaurant-gallery img:hover { transform: scale(1.05); } /* Modal styles */ .modal { display: none; position: fixed; z-index: 999; padding-top: 60px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.9); } .modal-content { margin: auto; display: block; max-width: 80%; max-height: 80%; } .close { position: absolute; top: 30px; right: 50px; color: #fff; font-size: 40px; font-weight: bold; cursor: pointer; transition: 0.3s; } .close:hover { color: #bbb; } </style> </head> <body> <!-- PAGE WRAP --> <div id="page-wrap"> <!-- HEADER --> <?php include 'include/header.php'?> </header> <!-- END / HEADER --> <!-- SUB BANNER --> <section class="section-sub-banner bg-16"> <div class="sub-banner"> <div class="container"> <div class="text text-center"> <h2>Restaurant</h2> </div> </div> </div> </section> <!-- END / SUB BANNER --> <!-- Our Hotel & Restaurant Section --> <section class="hotel-restaurant-section"> <div class="container"> <!-- Our Hotel Content --> <div class="hotel-content"> <div class="section-header"> <h2>Our Hotel</h2> <p>Welcome to Chiraiya Resort and Hotels – where luxury meets comfort in the heart of nature.</p> </div> <div class="hotel-details"> <p>Nestled amidst serene landscapes and scenic beauty, our hotel is the perfect getaway for those seeking relaxation, adventure, and unforgettable memories. From elegantly designed rooms to world-class amenities, every detail has been crafted to ensure a stay that feels like home yet exceeds every expectation.</p> <p>Our dedicated team is committed to providing personalized service, making your experience seamless and memorable. Enjoy exquisite dining at our in-house restaurant, unwind by exploring nearby attractions, or simply relax in the comfort of your room with breathtaking views. At Chiraiya Resort and Hotels, every moment is designed to delight your senses and leave you rejuvenated.</p> <p>Whether you are here for a family vacation, a romantic escape, or a business trip, our hotel offers the perfect blend of hospitality, elegance, and tranquility. Discover the perfect balance of comfort and luxury, where your journey is as beautiful as your destination.</p> </div> </div> <!-- Restaurant Content --> <div class="section-header" style="margin-top:60px;"> <h2>Our Restaurant</h2> <p>Experience the finest culinary delights, crafted with passion and served with elegance.</p> </div> <div class="restaurant-content"> <div class="restaurant-image"> <img src="images/restaurant.jpg" alt="Restaurant Ambience"> </div> <div class="restaurant-details"> <h3>Exquisite Cuisine</h3> <p>Our chefs bring together fresh ingredients, unique flavors, and artistic presentation to create dishes that tantalize your taste buds. From traditional favorites to modern fusion, every meal is a celebration of taste.</p> <ul class="cuisine-list"> <li>Authentic Local Dishes</li> <li>International Cuisine</li> <li>Vegetarian & Vegan Options</li> <li>Signature Desserts</li> <li>Fine Wines & Beverages</li> </ul> <a href="https://bookings.asiatech.in/?page=9502&type=website" class="btn-reserve">Reserve a Table</a> </div> </div> </div> </section> <section class="restaurant-section pt-80 pb-80"> <div class="container"> <h2 class="section-title">Our Restaurant</h2> <div class="restaurant-gallery"> <img src="images/restaurant/r1.jpg" alt="Restaurant 1" class="popup-img"> <img src="images/restaurant/r2.jpg" alt="Restaurant 2" class="popup-img"> <img src="images/restaurant/r3.jpg" alt="Restaurant 3" class="popup-img"> <img src="images/restaurant/r4.jpg" alt="Restaurant 4" class="popup-img"> <img src="images/restaurant/r5.jpg" alt="Restaurant 5" class="popup-img"> <img src="images/restaurant/r6.jpg" alt="Restaurant 6" class="popup-img"> <img src="images/restaurant/r7.jpg" alt="Restaurant 6" class="popup-img"> <img src="images/restaurant/r8.jpg" alt="Restaurant 6" class="popup-img"> <img src="images/restaurant/r9.jpg" alt="Restaurant 6" class="popup-img"> <img src="images/restaurant/r10.jpg" alt="Restaurant 6" class="popup-img"> </div> </div> </section> <!-- Popup Modal --> <div id="imgModal" class="modal"> <span class="close">×</span> <img class="modal-content" id="modalImage"> </div> <!-- FOOTER --> <?php include 'include/footer.php'?> <!-- END / FOOTER --> </div> <!-- END / PAGE WRAP --> <script> const modal = document.getElementById("imgModal"); const modalImg = document.getElementById("modalImage"); const images = document.querySelectorAll(".popup-img"); const closeBtn = document.querySelector(".close"); images.forEach(img => { img.onclick = () => { modal.style.display = "block"; modalImg.src = img.src; }; }); closeBtn.onclick = () => { modal.style.display = "none"; }; window.onclick = (e) => { if (e.target == modal) { modal.style.display = "none"; } }; </script> <!-- LOAD JQUERY --> <script data-cfasync="false" src="../../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="js/lib/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="js/lib/jquery-ui.min.js"></script> <script type="text/javascript" src="js/lib/bootstrap.min.js"></script> <script type="text/javascript" src="js/lib/bootstrap-select.js"></script> <script src="http://maps.google.com/maps/api/js?key=AIzaSyAb2lfsiytHD7rMhBaAvJz2CKhk05uiIuE"></script> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script> <script type="text/javascript" src="js/lib/isotope.pkgd.min.js"></script> <script type="text/javascript" src="js/lib/jquery.themepunch.revolution.min.js"></script> <script type="text/javascript" src="js/lib/jquery.themepunch.tools.min.js"></script> <script type="text/javascript" src="js/lib/owl.carousel.js"></script> <script type="text/javascript" src="js/lib/jquery.appear.min.js"></script> <script type="text/javascript" src="js/lib/jquery.countTo.js"></script> <script type="text/javascript" src="js/lib/jquery.countdown.min.js"></script> <script type="text/javascript" src="js/lib/jquery.parallax-1.1.3.js"></script> <script type="text/javascript" src="js/lib/jquery.magnific-popup.min.js"></script> <script type="text/javascript" src="js/lib/SmoothScroll.js"></script> <!-- validate --> <script type="text/javascript" src="js/lib/jquery.form.min.js"></script> <script type="text/javascript" src="js/lib/jquery.validate.min.js"></script> <!-- Custom jQuery --> <script type="text/javascript" src="js/scripts.js"></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings