MMCT TEAM
Server IP : 103.191.208.50  /  Your IP : 216.73.216.53
Web Server : LiteSpeed
System : Linux orion.herosite.pro 4.18.0-553.53.1.lve.el8.x86_64 #1 SMP Wed May 28 17:01:02 UTC 2025 x86_64
User : celkcksm ( 1031)
PHP Version : 7.4.33
Disable Function : show_source, system, shell_exec, passthru, popen, exec
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON
Directory (0755) :  /home/celkcksm/demo.ncriptech.com/hotel/demo2/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home/celkcksm/demo.ncriptech.com/hotel/demo2/room-single-style-2.html
<!DOCTYPE html>
<html lang="zxx">

<head>
    <title>Almaris — 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="Almaris — 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">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.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 -->
        <header class="transparent has-topbar">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="de-flex sm-pt10">
                            <div class="de-flex-col">
                                <!-- logo begin -->
                                <div id="logo">
                                    <a href="index.html">
                                        <img class="logo-main" src="images/logo-white.webp" alt="" >
                                        <img class="logo-scroll" src="images/logo-black.webp" alt="" >
                                        <img class="logo-mobile" src="images/logo-white.webp" alt="" >
                                    </a>
                                </div>
                                <!-- logo close -->
                            </div>
                            <div class="de-flex-col header-col-mid">
                                <ul id="mainmenu">
                                    <li><a class="menu-item" href="index.html">Home</a></li>
                                    <li><a class="menu-item" href="rooms.html">Rooms</a>
                                        <ul class="mega">
                                            <li>
                                                <div class="container">
                                                    <div class="sb-menu p-4">
                                                        <div class="row g-3">
                                                            <div class="col-lg-3">
                                                                <h4>Rooms</h4>
                                                                <ul class="no-bg">
                                                                    <li><a href="rooms.html">All Rooms Default</a></li>
                                                                    <li><a href="rooms-style-2.html">All Rooms Style 2</a></li>
                                                                    <li><a href="rooms-style-3.html">All Rooms Style 3</a></li>
                                                                    <li><a href="room-single.html">Single Room</a></li>
                                                                    <li><a href="room-single-style-2.html">Single Room Style 2</a></li>
                                                                </ul>
                                                            </div>
                                                            <div class="col-lg-3 text-center">
                                                                <div class="relative hover text-center overflow-hidden soft-shadow rounded-5px">
                                                                    <a href="room-single.html">
                                                                        <div class="d-label">
                                                                            Best Seller
                                                                        </div>
                                                                        <img src="images/form/2.jpg" class="w-100 relative hover-scale-1-1" alt="">
                                                                    </a>

                                                                    <div class="abs w-100 h-100 start-0 top-0 hover-bg-color"></div>
                                                                </div>
                                                                <h5 class="mt-3 mb-1">Deluxe Room</h5>
                                                            </div>

                                                            <div class="col-lg-3 text-center">
                                                                <div class="relative hover text-center overflow-hidden soft-shadow rounded-5px">
                                                                    <a href="room-single.html">
                                                                        <div class="d-label">
                                                                            Best Seller
                                                                        </div>
                                                                        <img src="images/form/4.jpg" class="w-100 relative hover-scale-1-1" alt="">
                                                                    </a>

                                                                    <div class="abs w-100 h-100 start-0 top-0 hover-bg-color"></div>
                                                                </div>
                                                                <h5 class="mt-3 mb-1">Family Suite</h5>
                                                            </div>

                                                            <div class="col-lg-3 text-center">
                                                                <div class="relative hover text-center overflow-hidden soft-shadow rounded-5px">
                                                                    <a href="room-single.html">
                                                                        <div class="d-label">
                                                                            Featured
                                                                        </div>
                                                                        <img src="images/form/6.jpg" class="w-100 relative hover-scale-1-1" alt="">
                                                                    </a>

                                                                    <div class="abs w-100 h-100 start-0 top-0 hover-bg-color"></div>
                                                                </div>
                                                                <h5 class="mt-3 mb-1">Presidential Suite</h5>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a class="menu-item" href="reservation.html">Reservation</a></li>
                                    <li><a class="menu-item" href="#">Pages</a>
                                        <ul>
                                            <li><a href="about.html">About Us</a></li>
                                            <li><a href="facilities.html">Facilities</a></li>
                                            <li><a href="special-offers.html">Offers</a></li>
                                            <li><a href="gallery.html">Gallery</a></li>
                                            <li><a href="gallery-carousel.html">Gallery Carousel</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="menu-item" href="news.html">News</a></li>
                                    <li><a class="menu-item" href="contact.html">Contact</a></li>
                                </ul>
                            </div>
                            <div class="de-flex-col">
                                <div class="menu_side_area">
                                    <a href="reservation.html" class="btn-main btn-line">Reservation</a>
                                    <span id="menu-btn"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- header close -->
        <!-- content begin -->
        <div class="no-bottom no-top" id="content">

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

            <section class="pt80 sm-pt-40 no-bottom">
                <div class="owl-custom-nav menu-float" data-target="#gallery-carousel">
                    <a class="btn-next"></a>
                    <a class="btn-prev"></a>

                    <div id="gallery-carousel" class="owl-3-cols-autowidth owl-carousel owl-theme">
                        <img src="images/room-single/1.webp" class="h-600px" alt="">
                        <img src="images/room-single/2.webp" class="h-600px" alt="">
                        <img src="images/room-single/3.webp" class="h-600px" alt="">
                        <img src="images/room-single/4.webp" class="h-600px" alt="">
                        <img src="images/room-single/5.webp" class="h-600px" alt="">
                    </div>
                </div>
            </section>

            <section>
                <div class="container">
                    <div class="row g-4 gx-5">
                        <div class="col-lg-7">
                            <h2>Deluxe Room</h2>

                            <div class="d-flex">
                                <div class="relative me-4">
                                    <img src="images/icons/guests.png" class="w-20px abs mt-1" alt="">
                                    <p class="ml30 text-dark fw-500">2 Guests</p>
                                </div>

                                <div class="relative me-4">
                                    <img src="images/icons/size.png" class="w-20px abs mt-1" alt="">
                                    <p class="ml30 text-dark fw-500">35 Feets Size</p>
                                </div>

                                <div class="relative me-4">
                                    <img src="images/icons/door.png" class="w-20px abs mt-1" alt="">
                                    <p class="ml30 text-dark fw-500">Connecting Rooms</p>
                                </div>

                                <div class="relative me-4">
                                    <img src="images/icons/bed.png" class="w-20px abs mt-1" alt="">
                                    <p class="ml30 text-dark fw-500">1 King Bed</p>
                                </div>
                            </div>

                            <p>Ea sunt tempor dolor id do nisi est sint culpa in eiusmod sed aliqua elit nisi nulla mollit proident minim commodo aute elit ut mollit velit exercitation cillum quis sed dolore quis laboris nostrud exercitation magna anim aliquip
                                exercitation est reprehenderit labore officia dolore eu non in do exercitation deserunt tempor aliqua enim esse ex deserunt magna in esse nostrud deserunt.</p>

                            <div class="spacer-single"></div>

                            <h3 class="mb-2">Room Amenities</h3>
                            <div class="row g-2">
                                <div class="col-lg-4 col-6 fadeInRight" data-wow-delay=".2s">
                                    <div class="p-3 relative">
                                        <img src="images/icons/tv.png" class="w-30px" alt="">
                                        <p class="absolute abs-middle ml50 text-dark fw-500">Cable TV</p>
                                    </div>
                                </div>

                                <div class="col-lg-4 col-6 fadeInRight" data-wow-delay=".2s">
                                    <div class="p-3 relative">
                                        <img src="images/icons/shower.png" class="w-30px" alt="">
                                        <p class="absolute abs-middle ml50 text-dark fw-500">Shower</p>
                                    </div>
                                </div>

                                <div class="col-lg-4 col-6 fadeInRight" data-wow-delay=".2s">
                                    <div class="p-3 relative">
                                        <img src="images/icons/safebox.png" class="w-30px" alt="">
                                        <p class="absolute abs-middle ml50 text-dark fw-500">Safebox</p>
                                    </div>
                                </div>

                                <div class="col-lg-4 col-6 fadeInRight" data-wow-delay=".2s">
                                    <div class="p-3 relative">
                                        <img src="images/icons/wifi.png" class="w-30px" alt="">
                                        <p class="absolute abs-middle ml50 text-dark fw-500">Free WiFi</p>
                                    </div>
                                </div>

                                <div class="col-lg-4 col-6 fadeInRight" data-wow-delay=".2s">
                                    <div class="p-3 relative">
                                        <img src="images/icons/desk.png" class="w-30px" alt="">
                                        <p class="absolute abs-middle ml50 text-dark fw-500">Work Desk</p>
                                    </div>
                                </div>

                                <div class="col-lg-4 col-6 fadeInRight" data-wow-delay=".2s">
                                    <div class="p-3 relative">
                                        <img src="images/icons/refrigerator.png" class="w-30px" alt="">
                                        <p class="absolute abs-middle ml50 text-dark fw-500">Refrigerator</p>
                                    </div>
                                </div>

                                <div class="col-lg-4 col-6 fadeInRight" data-wow-delay=".2s">
                                    <div class="p-3 relative">
                                        <img src="images/icons/balcony.png" class="w-30px" alt="">
                                        <p class="absolute abs-middle ml50 text-dark fw-500">Balcony</p>
                                    </div>
                                </div>

                                <div class="col-lg-4 col-6 fadeInRight" data-wow-delay=".2s">
                                    <div class="p-3 relative">
                                        <img src="images/icons/bathub.png" class="w-30px" alt="">
                                        <p class="absolute abs-middle ml50 text-dark fw-500">Bathub</p>
                                    </div>
                                </div>

                                <div class="col-lg-4 col-6 fadeInRight" data-wow-delay=".2s">
                                    <div class="p-3 relative">
                                        <img src="images/icons/city.png" class="w-30px" alt="">
                                        <p class="absolute abs-middle ml50 text-dark fw-500">City View</p>
                                    </div>
                                </div>
                            </div>

                            <div class="spacer-single"></div>

                            <h3 class="mb-2">Room Features</h3>
                            <ul class="ul-style-2">
                                <li><strong>Wi-Fi</strong>: Complimentary High-Speed Wi-Fi</li>
                                <li><strong>Climate Control</strong>: Individual Air Conditioning and Heating</li>
                                <li><strong>Entertainment</strong>: 50-inch Flat-Screen TV with Cable and Satellite</li>
                                <li><strong>Workspace</strong>: Ergonomic Work Desk and Chair</li>
                                <li><strong>Safety</strong>: In-Room Safe</li>
                                <li><strong>Communication</strong>: Direct-Dial Telephone with Voicemail</li>
                                <li><strong>Convenience</strong>: Alarm Clock, Iron, and Ironing Board</li>
                            </ul>
                        </div>


                        <div class="col-lg-5">
                            <div class="bg-dark text-light p-5">
                                <div class="d-flex justify-content-between">
                                    <div>
                                        <h3 class="mb-4">Reserve</h3>
                                    </div>

                                    <div>
                                        From
                                        <h3 class="d-inline">$179</h3>
                                        /night
                                    </div>
                                </div>

                                <div class="row g-3">
                                    <div class="col-md-12">
                                        <h6 class="mb-2">Choose Date</h6>
                                        <input type="text" id="date-picker" class="form-control no-bg bg-focus-color text-light" name="date" value="">
                                    </div>
                                    <div class="col-md-6">
                                        <div class="text-center ">
                                            <h6>Adult</h6>
                                            <div class="de-number">
                                                <span class="d-minus">-</span>
                                                <input type="text" class="no-border no-bg" value="1">
                                                <span class="d-plus">+</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="text-center ">
                                            <h6>Children</h6>
                                            <div class="de-number">
                                                <span class="d-minus">-</span>
                                                <input type="text" class="no-border no-bg" value="0">
                                                <span class="d-plus">+</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="text-center ">
                                            <h6>Rooms</h6>
                                            <div class="de-number">
                                                <span class="d-minus">-</span>
                                                <input type="text" class="no-border no-bg" value="1">
                                                <span class="d-plus">+</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="text-center ">
                                            <h6>Extra Beds</h6>
                                            <div class="de-number">
                                                <span class="d-minus">-</span>
                                                <input type="text" class="no-border no-bg" value="0">
                                                <span class="d-plus">+</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="spacer-single"></div>

                                <div>
                                    <h3>Extra Services</h3>
                                    <fieldset>
                                        <label>
                                            <input type="checkbox" name="service" value="late_checkout"> Spa Services <span class="id-color">$45</span>
                                        </label><br>
                                        <label>
                                            <input type="checkbox" name="service" value="turndown_service"> Sauna/Steam Room <span class="id-color">$55</span>
                                        </label><br>
                                        <label>
                                            <input type="checkbox" name="service" value="room_service"> Laundry and Dry Cleaning <span class="id-color">$25</span>
                                        </label><br>
                                        <label>
                                            <input type="checkbox" name="service" value="room_upgrade"> Pet-Friendly Amenities <span class="id-color">$35</span>
                                        </label><br>
                                        <label>
                                    </fieldset>
                                </div>

                                <div>
                                    <div class="d-flex justify-content-between">
                                    <div>
                                        <h3 class="mb-4">Total Cost</h3>
                                    </div>

                                    <div>
                                        <h3 class="d-inline">$179</h3>
                                    </div>
                                </div>
                                </div>

                                <a class="btn-main w-100" href="rooms.html">Book Your Stay</a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            
        </div>
        <!-- content close -->
        
        <!-- footer begin -->
        <footer class="text-light section-dark">
            <div class="container">
                <div class="row g-4 align-items-center">
                    <div class="col-md-12">
                        <div class="d-lg-flex align-items-center justify-content-between text-center">
                            <div>
                                <h3 class="fs-20">Address</h3>
                                742 Evergreen Terrace<br> Brooklyn, NY 11201
                            </div>
                            <div>
                                <img src="images/logo-white.webp" class="w-200px" alt=""><br>
                                <div class="social-icons mb-sm-30 mt-4">
                                    <a href="#"><i class="fa-brands fa-facebook-f"></i></a>
                                    <a href="#"><i class="fa-brands fa-instagram"></i></a>
                                    <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
                                    <a href="#"><i class="fa-brands fa-youtube"></i></a>
                                </div>

                            </div>
                            <div>
                                <h3 class="fs-20">Contact Us</h3>
                                T. +929 333 9296<br> M. contact@almaris.com
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="subfooter">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            Copyright 2024 - Almaris by Designesia
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- 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>

MMCT - 2023