<!DOCTYPE html>
<html lang="zxx">

<head>
    <title>zemaraim — Hotel Website Template</title>
    <link rel="icon" href="images/icon.webp" type="image/gif" sizes="16x16">
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
    <meta content="width=device-width, initial-scale=1.0" name="viewport" >
    <meta content="zemaraim — Hotel Website Template" name="description" >
    <meta content="" name="keywords" >
    <meta content="" name="author" >
    <!-- CSS Files
    ================================================== -->
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" id="bootstrap">
    <link href="css/plugins.css" rel="stylesheet" type="text/css" >
    <link href="css/swiper.css" rel="stylesheet" type="text/css" >
    <link href="css/style.css" rel="stylesheet" type="text/css" >
    <link href="css/coloring.css" rel="stylesheet" type="text/css" >
    <!-- color scheme -->
    <link id="colors" href="css/colors/scheme-01.css" rel="stylesheet" type="text/css" >

</head>

<body>
    <div id="wrapper">
        <a href="#" id="back-to-top"></a>
        
        <!-- page preloader begin -->
        <div id="de-loader"></div>
        <!-- page preloader close -->

        <!-- header begin -->
        <?php include 'header.php'; ?>
        <!-- header close -->
        <!-- content begin -->
        <div class="no-bottom no-top" id="content">

            <div id="top"></div>

            <section id="subheader" class="relative jarallax text-light">
                <img src="images/background/1.webp" class="jarallax-img" alt="">
                <div class="container relative z-index-1000">
                    <div class="row justify-content-center">
                        <div class="col-lg-12 text-center">
                            <h1>Room Details</h1>
                            <ul class="crumb">
                                <li><a href="index.php">Home</a></li>
                                <li class="active">Room Details</li>
                            </ul>
                            <div class="spacer-double"></div>
                        </div>
                    </div>
                </div>
                <div class="de-overlay"></div>
            </section>            <!-- room details -->
            <section class="room-details-modern-section">
                <div class="container">
                    <div class="room-details-modern-wrap">
                        <div class="row g-4 g-lg-5">
                            <div class="col-lg-7">
                                <div class="room-details-gallery wow fadeInUp" data-wow-delay="0s">
                                    <div class="room-details-gallery-main">
                                        <img src="images/room-single/1.webp" alt="Room Main View">
                                    </div>
                                    <div class="room-details-gallery-grid">
                                        <img src="images/room-single/2.webp" alt="Room Living Area">
                                        <img src="images/room-single/3.webp" alt="Room Bedroom">
                                        <img src="images/room-single/4.webp" alt="Room Bathroom">
                                    </div>
                                </div>

                                <div class="room-details-content wow fadeInUp" data-wow-delay="0.15s">
                                    <span class="room-details-kicker">Premium Stay</span>
                                    <h2>Luxury Suite with City View</h2>
                                    <p>Designed for comfort and convenience, this suite includes elegant interiors, high-speed WiFi, and a restful sleep experience. Ideal for couples, families, and business travelers looking for a modern hotel stay.</p>

                                    <div class="room-details-feature-grid">
                                        <div class="room-feature-item"><i class="icofont-check-circled"></i> Up to 4 guests</div>
                                        <div class="room-feature-item"><i class="icofont-check-circled"></i> 60 ft room size</div>
                                        <div class="room-feature-item"><i class="icofont-check-circled"></i> King-size bed</div>
                                        <div class="room-feature-item"><i class="icofont-check-circled"></i> Balcony and city view</div>
                                        <div class="room-feature-item"><i class="icofont-check-circled"></i> Smart TV and streaming</div>
                                        <div class="room-feature-item"><i class="icofont-check-circled"></i> Complimentary breakfast</div>
                                    </div>

                                    <div class="room-details-policies">
                                        <div>
                                            <h5>Check-in</h5>
                                            <p>From 2:00 PM</p>
                                        </div>
                                        <div>
                                            <h5>Check-out</h5>
                                            <p>Until 12:00 PM</p>
                                        </div>
                                        <div>
                                            <h5>Cancellation</h5>
                                            <p>Free cancellation up to 24 hours before arrival.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-5">
                                <aside class="room-booking-card wow fadeInUp" data-wow-delay="0.2s">
                                    <div class="room-booking-price">
                                        <strong>$149</strong>
                                        <span>/night</span>
                                    </div>
                                    <p class="room-booking-note">Taxes and fees may apply. Best price when booking directly.</p>

                                    <div class="room-booking-meta">
                                        <span><i class="icofont-users"></i> 4 Guests</span>
                                        <span><i class="icofont-bed"></i> 1 King Bed</span>
                                        <span><i class="icofont-wifi"></i> Free WiFi</span>
                                        <span><i class="icofont-bathtub"></i> Private Bath</span>
                                    </div>

                                    <div class="room-booking-actions">
                                        <a href="reservation.php" class="btn-main">Book Now</a>
                                        <a href="rooms.php" class="btn-main btn-line">Back to Rooms</a>
                                    </div>
                                </aside>

                                <div class="room-help-card wow fadeInUp" data-wow-delay="0.3s">
                                    <h5>Need help with your booking?</h5>
                                    <p>Our team can help you choose the best room based on your stay dates and guest count.</p>
                                    <a href="contact.php" class="btn-line">Contact Support</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

        </div>
        <!-- content close -->
        
        <!-- footer begin -->
        <?php include 'footer.php'; ?>
        <!-- footer close -->
    </div>

    <!-- Javascript Files
    ================================================== -->
    <script src="js/plugins.js"></script>
    <script src="js/designesia.js"></script>
    <script src="js/swiper.js"></script>
    <script src="js/custom-marquee.js"></script>
    <script src="js/custom-swiper-1.js"></script>

</body>

</html>

