File manager

File manager - Edit - /home/asiatechinc/public_html/asiatechinc-websites/jaipurhaveli.com/rooms-and-suites.php

Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Rooms & Suites \| Jaipur Haveli</title> <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" /> <link rel="icon" type="image/x-icon" href="images/favicon.png"> <style></style> </head> <body> <?php include 'include/header.php';?> <section class="parallax-section rooms"> <div class="parallax-content"> <h2>OUR ROOMS</h2> </div> </section> <section class="rooms-page"> <div class="container"> <!-- Tab navigation --> <ul class="nav nav-tabs" id="suitTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="suite-tab" data-toggle="tab" href="#suite" role="tab" aria-controls="suite" aria-selected="true">SUITE ROOM</a> </li> <li class="nav-item"> <a class="nav-link" id="double-tab" data-toggle="tab" href="#double" role="tab" aria-controls="double" aria-selected="false">DOUBLE ROOM</a> </li> <li class="nav-item"> <a class="nav-link" id="single-tab" data-toggle="tab" href="#single" role="tab" aria-controls="single" aria-selected="true">SINGLE ROOM</a> </li> <li class="nav-item"> <a class="nav-link" id="single-tab" data-toggle="tab" href="#triple" role="tab" aria-controls="single" aria-selected="true">TRIPLE ROOM</a> </li> <li class="nav-item"> <a class="nav-link" id="single-tab" data-toggle="tab" href="#rooftop" role="tab" aria-controls="single" aria-selected="true">ROOFTOP ROOM</a> </li> </ul> <!-- Tab content --> <div class="tab-content" id="suitTabContent"> <!-- Single suit content --> <div class="tab-pane fade show active" id="suite" role="tabpanel" aria-labelledby="suite-tab"> <div class="card"> <div class="card-body"> <div class="row"> <div class="col-sm-6"> <div class="slider-container"> <div id="imageSlider" class="carousel slide" data-ride="carousel" data-interval="2000"> <div class="carousel-inner"> <div class="carousel-item active"> <img src="images/room/suite-1.jpg" alt="Image 1"> </div> <div class="carousel-item"> <img src="images/room/suite-2.jpg" alt="Image 2"> </div> <div class="carousel-item"> <img src="images/room/suite-3.jpg" alt="Image 3"> </div> <div class="carousel-item"> <img src="images/room/suite-4.jpg" alt="Image 4"> </div> <div class="carousel-item"> <img src="images/room/suite-5.jpg" alt="Image 5"> </div> <div class="carousel-item"> <img src="images/room/suite-6.jpg" alt="Image 6"> </div> <div class="carousel-item"> <img src="images/room/suite-7.jpg" alt="Image 7"> </div> <div class="carousel-item"> <img src="images/room/suite-8.jpg" alt="Image 8"> </div> <div class="carousel-item "> <img src="images/room/suite-9.jpg" alt="Image 9"> </div> <div class="carousel-item "> <img src="images/room/suite-10.jpg" alt="Image 10"> </div> </div> <a class="carousel-control-prev" href="#imageSlider" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#imageSlider" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> </div> <div class="col-sm-6"> <h3>HAVELI SUITE ROOM</h3> <p>The Haveli Suite offers a blend of comfort and convenience, featuring two spacious queen-size beds and a versatile floor bed that doubles as a cozy sitting area. The suite includes an attached bathroom equipped with hot water and complimentary toiletries such as soap and shampoo, ensuring a refreshing stay. For your comfort, the room is air-conditioned and comes with a kettle and free bottled water, providing you with all the essentials for a relaxing and enjoyable experience.</p> <a class="btn" href="https://asiatech.in/booking_engine/index3?token=NTc5OA==" target="_blank">BOOK NOW</a> <ul class="rooms-icon"> <li> <a href="#"> <i class="fa-brands fa-instagram"></i> </a> </li> <li> <a href="#"> <i class="fa-regular fa-envelope"></i> </a> </li> <li> <a href="#"> <i class="fa-brands fa-facebook-f"></i> </a> </li> <li> <a href="#"> <i class="fa-brands fa-x-twitter"></i> </a> <li> <a href="#"> <i class="fa-brands fa-linkedin-in"></i> </a> </ul> </div> </div> </div> </div> </div> <!-- double room content --> <div class="tab-pane fade show" id="double" role="tabpanel" aria-labelledby="single-tab"> <div class="card"> <div class="card-body"> <div class="row"> <div class="col-sm-6"> <div class="slider-container"> <div id="imageSlider2" class="carousel slide" data-ride="carousel" data-interval="2000"> <div class="carousel-inner"> <div class="carousel-item active"> <img src="images/room/double-1.jpg" alt="Image 1"> </div> <div class="carousel-item"> <img src="images/room/double-2.jpg" alt="Image 2"> </div> <div class="carousel-item"> <img src="images/room/double-3.jpg" alt="Image 3"> </div> <div class="carousel-item"> <img src="images/room/double-4.jpg" alt="Image 4"> </div> <div class="carousel-item"> <img src="images/room/double-5.jpg" alt="Image 5"> </div> <div class="carousel-item"> <img src="images/room/double-6.jpg" alt="Image 6"> </div> <div class="carousel-item"> <img src="images/room/double-7.jpg" alt="Image 7"> </div> <div class="carousel-item"> <img src="images/room/double-8.jpg" alt="Image 8"> </div> </div> <a class="carousel-control-prev" href="#imageSlider2" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#imageSlider2" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> </div> <div class="col-sm-6"> <h3>HAVELI DOUBLE ROOM</h3> <p>The Haveli Double Room is a perfect blend of traditional charm and modern comfort. Each room is equipped with air conditioning and features an attached bathroom with hot water, ensuring a comfortable stay. Spread across three floors, every room boasts unique decor, adorned with a captivating mix of new and old fresco paintings. The rooms also feature exquisite cotton hand-woven rugs, exclusive to Jaipur, adding a touch of local artistry. For your convenience, a kettle, soap, shampoo, and cozy blankets are provided, making your stay both relaxing and memorable.</p> <a class="btn" href="https://asiatech.in/booking_engine/index3?token=NTc5OA==" target="_blank">BOOK NOW</a> <ul class="rooms-icon"> <li> <a href="#"> <i class="fa-brands fa-instagram"></i> </a> </li> <li> <a href="#"> <i class="fa-regular fa-envelope"></i> </a> </li> <li> <a href="#"> <i class="fa-brands fa-facebook-f"></i> </a> </li> <li> <a href="#"> <i class="fa-brands fa-x-twitter"></i> </a> <li> <a href="#"> <i class="fa-brands fa-linkedin-in"></i> </a> </ul> </div> </div> </div> </div> </div> <!-- Single room content --> <div class="tab-pane fade" id="single" role="tabpanel" aria-labelledby="double-tab"> <div class="card"> <div class="card-body"> <div class="row"> <div class="col-sm-6"> <div class="slider-container"> <div id="imageSlider3" class="carousel slide" data-ride="carousel" data-interval="2000"> <div class="carousel-inner"> <div class="carousel-item active"> <img src="images/room/single-1.jpg" alt="Image 1"> </div> <div class="carousel-item"> <img src="images/room/single-2.jpg" alt="Image 2"> </div> <div class="carousel-item"> <img src="images/room/single-3.jpg" alt="Image 3"> </div> </div> <a class="carousel-control-prev" href="#imageSlider3" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#imageSlider3" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> </div> <div class="col-sm-6"> <h3>HAVELI SINGLE ROOM</h3> <p>This airconditioned room situated on the first floor has hand painted wall in colors of blue and red. The special features of this room the small windows and their hatches. These were part of the ventilation system back in the days, when there where no AC's. When opening the hatches you'll get a glimpse of a woodfactory. The room provides tea/coffee maker and electric kettle.</p> <a class="btn" href="https://asiatech.in/booking_engine/index3?token=NTc5OA==" target="_blank">BOOK NOW</a> <ul class="rooms-icon"> <li> <a href="#"> <i class="fa-brands fa-instagram"></i> </a> </li> <li> <a href="#"> <i class="fa-regular fa-envelope"></i> </a> </li> <li> <a href="#"> <i class="fa-brands fa-facebook-f"></i> </a> </li> <li> <a href="#"> <i class="fa-brands fa-x-twitter"></i> </a> <li> <a href="#"> <i class="fa-brands fa-linkedin-in"></i> </a> </ul> </div> </div> </div> </div> </div> <!-- triple room content --> <div class="tab-pane fade" id="triple" role="tabpanel" aria-labelledby="double-tab"> <div class="card"> <div class="card-body"> <div class="row"> <div class="col-sm-6"> <div class="slider-container"> <div id="imageSlider4" class="carousel slide" data-ride="carousel" data-interval="2000"> <div class="carousel-inner"> <div class="carousel-item active"> <img src="images/room/triple-1.jpg" alt="Image 1"> </div> <div class="carousel-item"> <img src="images/room/triple-2.jpg" alt="Image 2"> </div> <div class="carousel-item"> <img src="images/room/triple-3.jpg" alt="Image 3"> </div> <div class="carousel-item"> <img src="images/room/triple-4.jpg" alt="Image 3"> </div> <div class="carousel-item"> <img src="images/room/triple-5.jpg" alt="Image 3"> </div> <div class="carousel-item"> <img src="images/room/triple-6.jpg" alt="Image 3"> </div> </div> <a class="carousel-control-prev" href="#imageSlider4" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#imageSlider4" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> </div> <div class="col-sm-6"> <h3>TRIPLE ROOM SUITE</h3> <p>The Triple Room Suite offers a spacious and inviting retreat, ideal for those seeking comfort with a touch of elegance. This suite is thoughtfully designed to accommodate three guests, featuring a combination of beds that ensure a restful stay. Like all our rooms, it is equipped with air conditioning and an attached bathroom with hot water, providing modern conveniences in a traditional setting. The suite is adorned with unique decorations and a blend of new and old fresco paintings that reflect the rich cultural heritage of Jaipur.</p> <a class="btn" href="https://asiatech.in/booking_engine/index3?token=NTc5OA==" target="_blank">BOOK NOW</a> <ul class="rooms-icon"> <li> <a href="#"> <i class="fa-brands fa-instagram"></i> </a> </li> <li> <a href="#"> <i class="fa-regular fa-envelope"></i> </a> </li> <li> <a href="#"> <i class="fa-brands fa-facebook-f"></i> </a> </li> <li> <a href="#"> <i class="fa-brands fa-x-twitter"></i> </a> <li> <a href="#"> <i class="fa-brands fa-linkedin-in"></i> </a> </ul> </div> </div> </div> </div> </div> <!-- rooftop room content --> <div class="tab-pane fade" id="rooftop" role="tabpanel" aria-labelledby="double-tab"> <div class="card"> <div class="card-body"> <div class="row"> <div class="col-sm-6"> <div class="slider-container"> <div id="imageSlider5" class="carousel slide" data-ride="carousel" data-interval="2000"> <div class="carousel-inner"> <div class="carousel-item active"> <img src="images/room/rooftop-1.jpg" alt="Image 1"> </div> <div class="carousel-item"> <img src="images/room/rooftop-2.jpg" alt="Image 2"> </div> <div class="carousel-item"> <img src="images/room/rooftop-3.jpg" alt="Image 3"> </div> <div class="carousel-item"> <img src="images/room/rooftop-4.jpg" alt="Image 3"> </div> <div class="carousel-item"> <img src="images/room/rooftop-5.jpg" alt="Image 3"> </div> <div class="carousel-item"> <img src="images/room/rooftop-6.jpg" alt="Image 3"> </div> <div class="carousel-item"> <img src="images/room/rooftop-7.jpg" alt="Image 3"> </div> </div> <a class="carousel-control-prev" href="#imageSlider5" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#imageSlider5" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> </div> <div class="col-sm-6"> <h3>ROOFTOP DOUBLE ROOM</h3> <p>The Rooftop Double Room offers a serene escape with a unique vantage point, providing guests with stunning views and a tranquil atmosphere. This cozy room is equipped with air conditioning and features an attached bathroom with hot water, ensuring comfort throughout your stay. The room is beautifully decorated with a mix of new and old fresco paintings, capturing the essence of Jaipur's artistic heritage. Complementing the decor are handcrafted cotton rugs, adding a touch of local craftsmanship to the space.</p> <a class="btn" href="https://asiatech.in/booking_engine/index3?token=NTc5OA==" target="_blank">BOOK NOW</a> <ul class="rooms-icon"> <li> <a href="#"> <i class="fa-brands fa-instagram"></i> </a> </li> <li> <a href="#"> <i class="fa-regular fa-envelope"></i> </a> </li> <li> <a href="#"> <i class="fa-brands fa-facebook-f"></i> </a> </li> <li> <a href="#"> <i class="fa-brands fa-x-twitter"></i> </a> <li> <a href="#"> <i class="fa-brands fa-linkedin-in"></i> </a> </ul> </div> </div> </div> </div> </div> </div> </div> </section> <?php include 'include/footer.php';?> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.1/dist/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> <script> // Second Slider pause/play functionality var isPaused3 = false; var carousel3 = $('#imageSlider3'); var pauseBtn3 = document.getElementById('pauseBtn2'); var prevControl3 = document.querySelector('#imageSlider3 .carousel-control-prev'); var nextControl3 = document.querySelector('#imageSlider3 .carousel-control-next'); pauseBtn2.addEventListener('click', function() { if (isPaused2) { carousel3.carousel('cycle'); pauseBtn3.innerHTML = ' < i class = "fas fa-pause" > < /i>'; prevControl3.classList.remove('disabled-controls'); nextControl3.classList.remove('disabled-controls'); } else { carousel3.carousel('pause'); pauseBtn3.innerHTML = ' < i class = "fas fa-play" > < /i>'; prevControl3.classList.add('disabled-controls'); nextControl3.classList.add('disabled-controls'); } isPaused3 = !isPaused3; }); // Ensure autoplay starts when page loads carousel1.carousel({ interval: 2000 // 2 seconds }); carousel2.carousel({ interval: 2000 // 2 seconds }); carousel3.carousel({ interval: 2000 // 2 seconds }); </script> <script> // Slider 4 pause/play functionality var isPaused4 = false; var carousel4 = $('#imageSlider4'); var pauseBtn4 = document.getElementById('pauseBtn4'); var prevControl4 = document.querySelector('#imageSlider4 .carousel-control-prev'); var nextControl4 = document.querySelector('#imageSlider4 .carousel-control-next'); pauseBtn4.addEventListener('click', function() { if (isPaused4) { carousel4.carousel('cycle'); pauseBtn4.innerHTML = '<i class="fas fa-pause"></i>'; prevControl4.classList.remove('disabled-controls'); nextControl4.classList.remove('disabled-controls'); } else { carousel4.carousel('pause'); pauseBtn4.innerHTML = '<i class="fas fa-play"></i>'; prevControl4.classList.add('disabled-controls'); nextControl4.classList.add('disabled-controls'); } isPaused4 = !isPaused4; }); // Slider 5 pause/play functionality var isPaused5 = false; var carousel5 = $('#imageSlider5'); var pauseBtn5 = document.getElementById('pauseBtn5'); var prevControl5 = document.querySelector('#imageSlider5 .carousel-control-prev'); var nextControl5 = document.querySelector('#imageSlider5 .carousel-control-next'); pauseBtn5.addEventListener('click', function() { if (isPaused5) { carousel5.carousel('cycle'); pauseBtn5.innerHTML = '<i class="fas fa-pause"></i>'; prevControl5.classList.remove('disabled-controls'); nextControl5.classList.remove('disabled-controls'); } else { carousel5.carousel('pause'); pauseBtn5.innerHTML = '<i class="fas fa-play"></i>'; prevControl5.classList.add('disabled-controls'); nextControl5.classList.add('disabled-controls'); } isPaused5 = !isPaused5; }); // Ensure autoplay starts when page loads carousel1.carousel({ interval: 2000 // 2 seconds }); carousel2.carousel({ interval: 2000 // 2 seconds }); carousel3.carousel({ interval: 2000 // 2 seconds }); carousel4.carousel({ interval: 2000 // 2 seconds }); carousel5.carousel({ interval: 2000 // 2 seconds }); </script> </body> </html>

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