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/ncriptech/ncriptech-ui/Hotel/Demo1/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home/celkcksm/ncriptech/ncriptech-ui/Hotel/Demo1/index.html
<!DOCTYPE html>
<html lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <title>Bliss - Luxury Resort</title>
    <link rel="shortcut icon" href="img/favicon.png" />
    <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Outfit:wght@100..900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/plugins.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css"/>
</head>

<body>
    <!-- Preloader -->
    <div class="preloader">
        <div class="centered">
            <div class="cont">
                <div class="loader-circle"></div>
                <div class="loader-line-mask">
                    <div class="loader-line"></div>
                </div> <img src="img/preloader.png" alt="">
            </div>
        </div>
    </div>
    <!-- Progress scroll totop -->
    <div class="progress-wrap cursor-pointer">
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
        </svg>
    </div>
    <!-- Navbar -->
    <nav class="navbar navbar-expand-lg">
        <div class="container">
            <!-- Logo -->
            <div class="logo-wrapper">
                <a class="logo" href="index.html"> <img src="img/logo.png" class="logo-img" alt=""> </a>
                <!-- <div class="logo"><h2>Rixos</h2></div> -->
            </div>
            <!-- Button -->
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"><i class="fa-solid fa-bars-staggered"></i></span> </button>
            <!-- Menu -->
            <div class="collapse navbar-collapse" id="navbar">
                <ul class="navbar-nav mx-auto">
                    <!-- Home  -->
                    <li class="nav-item dropdown"> <a class="nav-link active dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">Home <i class="fa-solid fa-chevron-down"></i></a>
                        <ul class="dropdown-menu">
                            <li><a href="index.html" class="dropdown-item active"><span>Home Image</span></a></li>
                            <li><a href="index2.html" class="dropdown-item"><span>Home Slider</span></a></li>
                            <li><a href="index3.html" class="dropdown-item"><span>Home Video</span></a></li>
                        </ul>
                    </li>
                    <li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
                    <!-- ROOMS -->
                    <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">Rooms <i class="fa-solid fa-chevron-down"></i></a>
                        <ul class="dropdown-menu">
                            <li><a href="rooms1.html" class="dropdown-item"><span>Rooms 01</span></a></li>
                            <li><a href="rooms2.html" class="dropdown-item"><span>Rooms 02</span></a></li>
                            <li class="dropdown-submenu dropdown"> <a class="dropdown-item dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false" href="#"><span>Room Details <i class="fa-solid fa-chevron-right"></i></span></a>
                                <ul class="dropdown-menu">
                                    <li><a href="room-details1.html" class="dropdown-item"><span>Details 01</span></a></li>
                                    <li><a href="room-details2.html" class="dropdown-item"><span>Details 02</span></a></li>
                                    <li><a href="room-details3.html" class="dropdown-item"><span>Details 03</span></a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <!-- SERVICES -->
                    <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">Services <i class="fa-solid fa-chevron-down"></i></a>
                        <ul class="dropdown-menu">
                            <li><a href="facilities.html" class="dropdown-item"><span>Facilities</span></a></li>

                            <li><a href="amenities.html" class="dropdown-item"><span>Amenities</span></a></li>
                            <li><a href="offers.html" class="dropdown-item"><span>Offers</span></a></li>
                        </ul>
                    </li>
                    <!-- PAGES -->
                    <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">Pages <i class="fa-solid fa-chevron-down"></i></a>
                        <ul class="dropdown-menu">
                            <li><a href="restaurant.html" class="dropdown-item"><span>Restaurant</span></a></li>
                            <li><a href="spa.html" class="dropdown-item"><span>Spa & Wellness</span></a></li>
                            <li><a href="pricing.html" class="dropdown-item"><span>Pricing</span></a></li>
                            <li><a href="team.html" class="dropdown-item"><span>Team</span></a></li>
                            <li><a href="team-single.html" class="dropdown-item"><span>Team Single</span></a></li>
                            <li><a href="faq.html" class="dropdown-item"><span>FAQs</span></a></li>
                            <li><a href="gallery-image.html" class="dropdown-item"><span>Image Gallery</span></a></li>
                            <li><a href="gallery-video.html" class="dropdown-item"><span>Video Gallery</span></a></li>
                            <li><a href="404.html" class="dropdown-item"><span>404 Page</span></a></li>
                        </ul>
                    </li>
                    <!-- BLOG -->
                    <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">Blog <i class="fa-solid fa-chevron-down"></i></a>
                        <ul class="dropdown-menu">
                            <li><a href="blog1.html" class="dropdown-item"><span>Blog 01</span></a></li>
                            <li><a href="blog2.html" class="dropdown-item"><span>Blog 02</span></a></li>
                            <li><a href="post.html" class="dropdown-item"><span>Post Single</span></a></li>
                        </ul>
                    </li>
                    <!-- CONTACT -->
                    <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
                </ul>
                <div class="navbar-right">
                    <div class="phonex"><a href="tel:+12345678910"><i class="fa-solid fa-phone"></i> +1 234 567 8910</a></div>
                </div>
            </div>
        </div>
    </nav>
    <!-- Parallax Image Header -->
    <section class="parallax-header valign bg-img bg-fixed" data-overlay-dark="5" data-background="img/rooms/01.jpg">
        <div class="container">
            <div class="row justify-content-center align-items-center">
                <div class="col-lg-7 col-md-12">
                    <h5>Rixos Luxury Hotel</h5>
                    <h1>Enjoy a luxury experience</h1>
                </div>
                <div class="col-lg-5 col-md-12 text-end rotatex">
                    <a href="https://youtu.be/hG7Ok0HvDcU" data-lity="video" class="rotate-box vid">
                        <div class="rotate-circle rotate-text">
                            <svg class="textcircle" viewBox="0 0 500 500">
                                <defs>
                                    <path id="textcircle" d="M250,400 a150,150 0 0,1 0,-300a150,150 0 0,1 0,300Z"> </path>
                                </defs>
                                <text>
                                    <textPath xlink:href="#textcircle" textLength="900"> Rixos Luxury Resort Hotel </textPath>
                                </text>
                            </svg>
                        </div> <span class="icon"> <i class="fas fa-play"></i> </span>
                    </a>
                </div>
            </div>
        </div>
    </section>
    <!-- Booking Search -->
    <div class="booking-wrapper">
        <div class="container">
            <div class="booking-inner clearfix">
                <form action="#" class="form1 clearfix">
                    <div class="col1 c1">
                        <div class="input1_wrapper border-l border-b border-t border-r br-5005">
                            <label>Check in</label>
                            <div class="input1_inner">
                                <input type="text" class="form-control input datepicker" placeholder="Check in">
                            </div>
                        </div>
                    </div>
                    <div class="col1 c2">
                        <div class="input1_wrapper border-l border-b border-t border-r">
                            <label>Check out</label>
                            <div class="input1_inner">
                                <input type="text" class="form-control input datepicker" placeholder="Check out">
                            </div>
                        </div>
                    </div>
                    <div class="col2 c3">
                        <div class="select1_wrapper border-l border-b border-t border-r">
                            <label>Adults</label>
                            <div class="select1_inner">
                                <select class="select2 select" style="width: 100%">
                                    <option value="1">1 Adult</option>
                                    <option value="2">2 Adults</option>
                                    <option value="3">3 Adults</option>
                                    <option value="4">4 Adults</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col2 c4">
                        <div class="select1_wrapper border-l border-b border-t  border-r">
                            <label>Children</label>
                            <div class="select1_inner">
                                <select class="select2 select" style="width: 100%">
                                    <option value="1">Children</option>
                                    <option value="1">1 Child</option>
                                    <option value="2">2 Children</option>
                                    <option value="3">3 Children</option>
                                    <option value="4">4 Children</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col2 c5">
                        <div class="select1_wrapper border-l border-b border-t  border-r">
                            <label>Rooms</label>
                            <div class="select1_inner">
                                <select class="select2 select" style="width: 100%">
                                    <option value="1">1 Room</option>
                                    <option value="2">2 Rooms</option>
                                    <option value="3">3 Rooms</option>
                                    <option value="4">4 Rooms</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col3 c6">
                        <button type="submit" class="btn-form1-submit">Check Now</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- About -->
    <section class="about section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 col-md-12 mb-15">
                    <div class="section-subtitle">About Rixos</div>
                    <div class="section-title">Laid-back places for kindred spirits</div>
                    <p>Welcome to the <b>best five-star resort hotel</b> in New York. The experience elementum sesue the aucan vestibulum alesun usto in sapien rutrum volutan donec fermen.</p>
                    <p class="mb-40">Lorem ipsum quisque sodales miss in the varius drana miss turpis softtiton tellus in the fermen.</p>
                    <a href="about.html" class="button-3 mb-15">About Hotel</a>
                    <div class="phone"><a href="tel:+12345678910"><i class="fa-solid fa-phone"></i>+1 234 567 8910</a></div>
                </div>
                <div class="col-lg-3 offset-lg-1 col-md-6 mb-20 mt-45"> <img class="rounded-2 animation-float1" src="img/about01.jpg" alt=""> </div>
                <div class="col-lg-3 col-md-6 mb-20"> <img class="rounded-2 animation-float2" src="img/about02.jpg" alt=""> </div>
            </div>
        </div>
    </section>
    <!-- Offers 1 -->
    <section class="offers1 section-padding">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-12 text-center mb-20">
                    <div class="section-subtitle">Comfort & Relax</div>
                    <div class="section-title">Exclusive Offers</div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3 col-md-6">
                    <div class="item">
                        <div class="img"> <img src="img/offers/01.jpg" alt=""> </div>
                        <div class="con">
                            <div class="title">Stay</div>
                            <div class="arrow"> <a href="#"><span class="fa-solid fa-chevron-right"></span></a> </div>
                        </div>
                        <div class="price">30% off</div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="item">
                        <div class="img"> <img src="img/offers/02.jpg" alt=""> </div>
                        <div class="con">
                            <div class="title">Dine</div>
                            <div class="arrow"> <a href="#"><span class="fa-solid fa-chevron-right"></span></a> </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="item">
                        <div class="img"> <img src="img/offers/03.jpg" alt=""> </div>
                        <div class="con">
                            <div class="title">Relax</div>
                            <div class="arrow"> <a href="#"><span class="fa-solid fa-chevron-right"></span></a> </div>
                        </div>
                        <div class="price">20% off</div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="item">
                        <div class="img"> <img src="img/offers/04.jpg" alt=""> </div>
                        <div class="con">
                            <div class="title">Weddings</div>
                            <div class="arrow"> <a href="#"><span class="fa-solid fa-chevron-right"></span></a> </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Rooms 1 -->
    <section class="rooms1 section-padding bg-darkgray">
        <div class="container">
            <div class="row mb-30 align-items-center">
                <div class="col-md-5 text-left">
                    <div class="section-subtitle">Luxury Resort Hotel</div>
                    <div class="section-title white mb-0">Rooms & Suites</div>
                </div>
                <div class="col-md-5">
                    <p>The experience elementum sesue the aucan vestibulum usto sapien rutrum volutan donec fermen lorem ipsum quisque sodales miss in the varius drana miss.</p>
                </div>
                <div class="col-md-2 d-flex justify-content-center justify-content-lg-end">
                    <div class="my-owl-nav"> <span class="my-prev-button">
                            <i class="fa-solid fa-chevron-left" aria-hidden="true"></i>
                        </span> <span class="my-next-button">
                            <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
                        </span> </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="owl-carousel owl-theme">
                        <div class="item mt-20">
                            <div class="img"> <img src="img/rooms/a.jpg" alt=""> <span class="discount"><i class="fa-solid fa-percent"></i> 25% Off</span> </div>
                            <div class="wrap">
                                <div class="cont">
                                    <div class="price">$150 <span>/ night</span></div>
                                    <h3><a href="#">Deluxe Room</a></h3>
                                    <div class="details"> <span><i class="fa-solid fa-bed"></i>2 Bed</span> <span><i class="fa-solid fa-bed"></i>15 Sqm</span> <span><i class="fa-solid fa-bath"></i>1 Bathroom</span> </div>
                                </div>
                                <div class="arrow"> <a href="portfolio-details.html"><span class="fa-solid fa-arrow-right"></span></a> </div>
                            </div>
                        </div>
                        <div class="item mt-20">
                            <div class="img"> <img src="img/rooms/b.jpg" alt=""> </div>
                            <div class="wrap">
                                <div class="cont">
                                    <div class="price">$200 <span>/ night</span></div>
                                    <h3><a href="#">Family Room</a></h3>
                                    <div class="details"> <span><i class="fa-solid fa-bed"></i>2-4 Bed</span> <span><i class="fa-solid fa-vector-square"></i>20 Sqm</span> <span><i class="fa-solid fa-mug-saucer"></i>Breakfast</span> </div>
                                </div>
                                <div class="arrow"> <a href="portfolio-details.html"><span class="fa-solid fa-arrow-right"></span></a> </div>
                            </div>
                        </div>
                        <div class="item mt-20">
                            <div class="img"> <img src="img/rooms/c.jpg" alt=""> </div>
                            <div class="wrap">
                                <div class="cont">
                                    <div class="price">$250 <span>/ night</span></div>
                                    <h3><a href="#">Double Room</a></h3>
                                    <div class="details"> <span><i class="fa-solid fa-bed"></i>4 Bed</span> <span><i class="fa-solid fa-vector-square"></i>25 Sqm</span> <span><i class="fa-solid fa-bath"></i>2 Bathroom</span> </div>
                                </div>
                                <div class="arrow"> <a href="portfolio-details.html"><span class="fa-solid fa-arrow-right"></span></a> </div>
                            </div>
                        </div>
                        <div class="item mt-20">
                            <div class="img"> <img src="img/rooms/d.jpg" alt=""> <span class="discount"><i class="fa-solid fa-percent"></i> 30% Off</span> </div>
                            <div class="wrap">
                                <div class="cont">
                                    <div class="price">$300 <span>/ night</span></div>
                                    <h3><a href="#">Superior Room</a></h3>
                                    <div class="details"> <span><i class="fa-solid fa-bed"></i>3 Bed</span> <span><i class="fa-solid fa-vector-square"></i>30 Sqm</span> <span><i class="fa-solid fa-bath"></i> 1 Bathroom</span> </div>
                                </div>
                                <div class="arrow"> <a href="portfolio-details.html"><span class="fa-solid fa-arrow-right"></span></a> </div>
                            </div>
                        </div>
                        <div class="item mt-20">
                            <div class="img"> <img src="img/rooms/e.jpg" alt=""> <span class="discount"><i class="fa-solid fa-percent"></i> 40% Off</span> </div>
                            <div class="wrap">
                                <div class="cont">
                                    <div class="price">$350 <span>/ night</span></div>
                                    <h3><a href="#">Wellness Room</a></h3>
                                    <div class="details"> <span><i class="fa-solid fa-bed"></i>4 Bed</span> <span><i class="fa-solid fa-vector-square"></i>35 sqm</span> <span><i class="fa-solid fa-mug-saucer"></i>Breakfast</span> </div>
                                </div>
                                <div class="arrow"> <a href="portfolio-details.html"><span class="fa-solid fa-arrow-right"></span></a> </div>
                            </div>
                        </div>
                        <div class="item mt-20">
                            <div class="img"> <img src="img/rooms/f.jpg" alt=""> </div>
                            <div class="wrap">
                                <div class="cont">
                                    <div class="price">$400 <span>/ night</span></div>
                                    <h3><a href="#">King Room</a></h3>
                                    <div class="details"> <span><i class="fa-solid fa-bed"></i>4 Bed</span> <span><i class="fa-solid fa-vector-square"></i>40 Sqm</span> <span><i class="fa-solid fa-bath"></i>2 Bathroom</span> </div>
                                </div>
                                <div class="arrow"> <a href="portfolio-details.html"><span class="fa-solid fa-arrow-right"></span></a> </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Amenities -->
    <section class="amenities section-padding">
        <div class="container">
            <div class="row justify-content-center align-items-center">
                <div class="col-lg-4 col-md-12 mb-30">
                    <div class="section-subtitle">Hotel Services</div>
                    <div class="section-title">Amenities</div>
                    <p class="mb-25">The experience elementum sesue in the miss aucantion alesun in sapien fermen the miss caleustion in the sapien.</p> <a href="amenities.html" class="button-3">All Amenities</a>
                </div>
                <div class="col-lg-8 col-md-12">
                    <div class="row">
                        <div class="col-lg-4 col-md-6">
                            <div class="item hover-box mb-25">
                                <div class="cont up">
                                    <div class="icon"> <i class="fa-solid fa-truck-plane"></i> </div>
                                    <div class="text">
                                        <h5>Pick Up & Drop</h5>
                                        <p>Lorem ipsum is simply dummy fermen.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="item hover-box mb-25">
                                <div class="cont up">
                                    <div class="icon"> <i class="fa-solid fa-square-parking"></i> </div>
                                    <div class="text">
                                        <h5>Parking Space</h5>
                                        <p>Lorem ipsum is simply dummy fermen.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="item hover-box mb-25">
                                <div class="cont up">
                                    <div class="icon"> <i class="fa-solid fa-spray-can-sparkles"></i> </div>
                                    <div class="text">
                                        <h5>Room Service</h5>
                                        <p>Lorem ipsum is simply dummy fermen.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="item hover-box mb-25">
                                <div class="cont up">
                                    <div class="icon"> <i class="fa-solid fa-water-ladder"></i> </div>
                                    <div class="text">
                                        <h5>Swimming Pool</h5>
                                        <p>Lorem ipsum is simply dummy fermen.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="item hover-box mb-25">
                                <div class="cont up">
                                    <div class="icon"> <i class="fa-solid fa-wifi"></i> </div>
                                    <div class="text">
                                        <h5>Fibre Internet</h5>
                                        <p>Lorem ipsum is simply dummy fermen.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="item hover-box mb-25">
                                <div class="cont up">
                                    <div class="icon"> <i class="fa-solid fa-mug-saucer"></i> </div>
                                    <div class="text">
                                        <h5>Breakfast</h5>
                                        <p>Lorem ipsum is simply dummy fermen.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Video -->
    <section class="video-wrapper section-padding bg-img" data-overlay-dark="4" data-background="img/banner/01.jpg">
        <div class="container">
            <div class="row justify-content-center align-items-center">
                <div class="col-md-12 text-center rotatex">
                    <a href="https://youtu.be/hG7Ok0HvDcU" data-lity="video" class="rotate-box vid">
                        <div class="rotate-circle rotate-text">
                            <svg class="textcircle" viewBox="0 0 500 500">
                                <defs>
                                    <path id="textcircle" d="M250,400 a150,150 0 0,1 0,-300a150,150 0 0,1 0,300Z"> </path>
                                </defs>
                                <text>
                                    <textPath xlink:href="#textcircle" textLength="900"> rixos luxury resort hotel </textPath>
                                </text>
                            </svg>
                        </div> <span class="icon"> <i class="fas fa-play"></i> </span>
                    </a>
                </div>
            </div>
        </div>
        <!-- video text -->
        <div class="video-text">videos</div>
    </section>
    <!-- Pricing 1 -->
    <section class="pricing1 section-padding">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-12 text-center mb-20">
                    <div class="section-subtitle">Pricing Plan</div>
                    <div class="section-title">Extra Prices</div>
                </div>
            </div>
            <div class="row justify-content-center g-0">
                <div class="col-12 pricing">
                    <div class="item">
                        <div class="img"> <img src="img/pricing/01.jpg" class="img-fluid" alt="" />
                            <div class="title">Beverage</div>
                            <div class="overlay"></div>
                        </div>
                        <div class="flex-column cont">
                            <div class="cont-hover">
                                <div class="icon"> <i class="fa-solid fa-martini-glass"></i> </div>
                                <p>In-room beverage lorem ipsum simply drana print typesettin induren.</p>
                                <div class="price">$49 <span>per night</span></div>
                            </div>
                        </div>
                    </div>
                    <div class="item active">
                        <div class="img"> <img src="img/pricing/02.jpg" class="img-fluid" alt="" />
                            <div class="title">Cleaning</div>
                            <div class="overlay"></div>
                        </div>
                        <div class="flex-column cont">
                            <div class="cont-hover">
                                <div class="icon"> <i class="fa-solid fa-spray-can-sparkles"></i> </div>
                                <p>Cleaning lorem in ipsum simply the drana print typesettin induren.</p>
                                <div class="price">$29 <span>daily</span></div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img"> <img src="img/pricing/03.jpg" class="img-fluid" alt="" />
                            <div class="title">Breakfast</div>
                            <div class="overlay"></div>
                        </div>
                        <div class="flex-column cont">
                            <div class="cont-hover">
                                <div class="icon"> <i class="fa-solid fa-mug-saucer"></i> </div>
                                <p>Room breakfast lorem ipsum simply drana print typesettin induren.</p>
                                <div class="price">$69 <span>daily</span></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 text-center mt-30">
                    <div class="section-info">
                        <div class="tag">Questions</div>
                        <div class="desc">You can send your questions to the mail address: <a href="mailto:info@hotels.com" class="text-decoration-line-bottom">info@hotels.com</a></div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Testiominals -->
    <section class="testimonials">
        <div class="bg-img bg-fixed section-padding" data-overlay-dark="5" data-background="img/banner/02.jpg">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-7 text-center">
                        <div class="owl-carousel owl-theme">
                            <div class="item"> <span>
                                    <i class="star-rating"></i>
                                    <i class="star-rating"></i>
                                    <i class="star-rating"></i>
                                    <i class="star-rating"></i>
                                    <i class="star-rating"></i>
                                </span>
                                <h5>"Hotel was great. Location was excellent. The staff was incredible. A great experience all around!"</h5>
                                <div class="info">
                                    <div class="cont">
                                        <h6>Frank E. <i>|</i> <span><a href="#">View on Tripadvisor</a></span></h6>
                                    </div>
                                </div>
                            </div>
                            <div class="item"> <span>
                                    <i class="star-rating"></i>
                                    <i class="star-rating"></i>
                                    <i class="star-rating"></i>
                                    <i class="star-rating"></i>
                                    <i class="star-rating"></i>
                                </span>
                                <h5>"Location was excellent. The staff was incredible. Hotel was great. A great experience all around!"</h5>
                                <div class="info">
                                    <div class="cont">
                                        <h6>Emily F. <i>|</i> <span><a href="#">View on Tripadvisor</a></span></h6>
                                    </div>
                                </div>
                            </div>
                            <div class="item"> <span>
                                    <i class="star-rating"></i>
                                    <i class="star-rating"></i>
                                    <i class="star-rating"></i>
                                    <i class="star-rating"></i>
                                    <i class="star-rating"></i>
                                </span>
                                <h5>"A great experience all around! Hotel was great. Location was excellent. The staff was incredible."</h5>
                                <div class="info">
                                    <div class="cont">
                                        <h6>Enrico T. <i>|</i> <span><a href="#">View on Tripadvisor</a></span></h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Blog -->
    <section class="blog1 section-padding">
        <div class="container">
            <div class="row mb-15">
                <div class="col-md-12 text-center">
                    <div class="section-subtitle">Latest News</div>
                    <div class="section-title">Hotel Articles</div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="owl-carousel owl-theme">
                        <div class="item mt-10">
                            <div class="img"> <img src="img/blog/1.jpg" class="img-fluid" alt="">
                                <div class="cat">Health</div>
                            </div>
                            <div class="cont">
                                <h4><a href="post.html">Luxury hotel experience: heated pools</a></h4>
                                <p>Lorem ipsum quisque sodales missen the varius rana duru fermen.</p>
                                <div class="author">
                                    <div>
                                        <h5>29 August 2024</h5>
                                        <h5>by <a href="#" class="text-decoration-line-bottom">Martin Dan</a></h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item mt-10">
                            <div class="img"> <img src="img/blog/2.jpg" class="img-fluid" alt="">
                                <div class="cat">Health</div>
                            </div>
                            <div class="cont">
                                <h4><a href="post.html">Hygiene rules in hotels for a safe holiday</a></h4>
                                <p>Lorem ipsum quisque sodales missen the varius rana duru fermen.</p>
                                <div class="author">
                                    <div>
                                        <h5>27 August 2024</h5>
                                        <h5>by <a href="#" class="text-decoration-line-bottom">Emily Brown</a></h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item mt-10">
                            <div class="img"> <img src="img/blog/3.jpg" class="img-fluid" alt="">
                                <div class="cat">Wellness</div>
                            </div>
                            <div class="cont">
                                <h4><a href="post.html">What are the benefits of the Spa?</a></h4>
                                <p>Lorem ipsum quisque sodales missen the varius rana duru fermen.</p>
                                <div class="author">
                                    <div>
                                        <h5>25 August 2024</h5>
                                        <h5>by <a href="#" class="text-decoration-line-bottom">Frank White</a></h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Booking Search -->
    <section class="section-padding bg-img bg-fixed" data-overlay-dark="5" data-background="img/rooms/01.jpg">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-12 text-center mb-20">
                    <div class="section-subtitle">Hotel Experience</div>
                    <div class="section-title white">Booking Form</div>
                </div>
            </div>
            <div class="booking-inner clearfix">
                <form action="#" class="form1 clearfix">
                    <div class="col1 c1">
                        <div class="input1_wrapper border-l border-b border-t border-r">
                            <label>Check in</label>
                            <div class="input1_inner">
                                <input type="text" class="form-control input datepicker" placeholder="Check in">
                            </div>
                        </div>
                    </div>
                    <div class="col1 c2">
                        <div class="input1_wrapper border-l border-b border-t border-r">
                            <label>Check out</label>
                            <div class="input1_inner">
                                <input type="text" class="form-control input datepicker" placeholder="Check out">
                            </div>
                        </div>
                    </div>
                    <div class="col2 c3">
                        <div class="select1_wrapper border-l border-b border-t border-r">
                            <label>Adults</label>
                            <div class="select1_inner">
                                <select class="select2 select" style="width: 100%">
                                    <option value="1">1 Adult</option>
                                    <option value="2">2 Adults</option>
                                    <option value="3">3 Adults</option>
                                    <option value="4">4 Adults</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col2 c4">
                        <div class="select1_wrapper border-l border-b border-t border-r">
                            <label>Children</label>
                            <div class="select1_inner">
                                <select class="select2 select" style="width: 100%">
                                    <option value="1">Children</option>
                                    <option value="1">1 Child</option>
                                    <option value="2">2 Children</option>
                                    <option value="3">3 Children</option>
                                    <option value="4">4 Children</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col2 c5">
                        <div class="select1_wrapper border-l border-b border-t border-r">
                            <label>Rooms</label>
                            <div class="select1_inner">
                                <select class="select2 select" style="width: 100%">
                                    <option value="1">1 Room</option>
                                    <option value="2">2 Rooms</option>
                                    <option value="3">3 Rooms</option>
                                    <option value="4">4 Rooms</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col3 c6">
                        <button type="submit" class="btn-form1-submit">Check Now</button>
                    </div>
                </form>
            </div>
        </div>
    </section>
    <!-- Footer -->
    <footer class="footer">
        <!-- top -->
        <div class="top">
            <div class="container">
                <div class="row">
                    <div class="col-md-4 mb-30">
                        <div class="item">
                            <div class="logo"><img src="img/logo.png" alt=""></div>
                            <p>Lorem ipsum is simply dummy text of the printe and type setting industry in the fermen.</p>
                            <div class="social-icons">
                                <ul class="list-inline">
                                    <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
                                    <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
                                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 offset-md-1 mb-30">
                        <div class="item">
                            <h3>Contact us</h3>
                            <p>58/60AL Criper Road.
                                <br>890098 WB, INDIA
                            </p>
                            <div class="phone"><a href="tel:+410315520900">+1 123 567 8910</a></div>
                            <div class="mail"><a href="mailto:hi@rixoshotel.com">hi@blissresort.com</a></div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-30">
                        <div class="item">
                            <h3>Subscribe</h3>
                            <p>Want to be notified about our services. Just sign up and we'll send you a notification by email.</p>
                            <div class="newsletter">
                                <form action="#">
                                    <input type="email" placeholder="Email Address" required>
                                    <button type="submit"><i class="fa-solid fa-arrow-right"></i></button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- bottom -->
        <div class="bottom">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-md-12">
                        <div class="links">
                            <ul>
                                <li><a href="index.html">Home</a></li>
                                <li><a href="about.html">About</a></li>
                                <li><a href="services.html">Services</a></li>
                                <li><a href="portfolio.html">Portfolio</a></li>
                                <li><a href="blog1.html">Blog</a></li>
                                <li><a href="contact.html">Contact</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-12 text-end">
                        <p>Copyright 2024 by <a href="#">ncriptech</a></p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- jQuery -->
    <script src="js/jquery-3.7.1.min.js"></script>
    <script src="js/jquery-migrate-3.4.1.min.js"></script>
    <script src="js/modernizr-2.6.2.min.js"></script>
    <script src="js/imagesloaded.pkgd.min.js"></script>
    <script src="js/jquery.isotope.v3.0.2.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/scrollIt.min.js"></script>
    <script src="js/jquery.waypoints.min.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/jquery.stellar.min.js"></script>
    <script src="js/jquery.magnific-popup.js"></script>
    <script src="js/YouTubePopUp.js"></script>
    <script src="js/select2.js"></script>
    <script src="js/datepicker.js"></script>
    <script src="js/custom.js"></script>
</body>

</html>

MMCT - 2023