|
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 ] |
|---|
<!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 id="subheader" class="relative jarallax text-light">
<img src="images/background/3.webp" class="jarallax-img" alt="">
<div class="container relative z-index-1000">
<div class="row justify-content-center">
<div class="col-lg-6 text-center">
<h1>Reservation</h1>
<p class="mt-3 lead">Ready to elevate your travel experience? Reserve your room now and step into a world of comfort and luxury. Your perfect stay is just a click away.</p>
<ul class="crumb">
<li><a href="index.html">Home</a></li>
<li class="active">Reservation</li>
</ul>
</div>
</div>
</div>
<div class="de-overlay"></div>
</section>
<section id="section_form" class="relative lines-deco">
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-3">
<div id="success_message" class="text-center">
<h2>Your reservation has been sent successfully.</h2>
<div class="col-lg-8 offset-lg-2">
<p>We will contact you shortly. Refresh this page if you want to make another reservation.</p>
<img src="images/misc/2.webp" class="w-100 rounded-up-100" alt="">
</div>
</div>
<div id="booking_form">
<form name="contactForm" id='contact_form' class="form-border" method="post">
<div class="row">
<div class="col-md-12">
<h4>Choose Date</h4>
<input type="text" id="date-picker" class="form-control mb-4" name="date" value="">
<div class="guests-n-rooms mb-4">
<div class="row g-4">
<div class="col-md-4">
<div class="text-center border-1 pt-2">
<h4>Adult</h4>
<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-4">
<div class="text-center border-1 pt-2">
<h4>Children</h4>
<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-4">
<div class="text-center border-1 pt-2">
<h4>Room</h4>
<div id="d-room-count" class="de-number">
<span class="d-minus">-</span>
<input id="room-count" type="text" class="no-border no-bg" value="1">
<span class="d-plus">+</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="select-room">
<h4>Select Room</h4>
<select name="Room Type" class="room-type form-control">
<option value='Standart Room' data-src="images/form/1.jpg">
Standart Room | $119/night | 2 Guests
</option>
<option value='Deluxe Room' data-src="images/form/2.jpg">
Deluxe Room | $129/night | 2 Guests
</option>
<option value='Premier Room' data-src="images/form/3.jpg">
Premier Room | $139/night | 2 Guests
</option>
<option value='Family Suite' data-src="images/form/4.jpg">
Family Suite | $149/night | 4 Guests
</option>
<option value='Luxury Suite' data-src="images/form/5.jpg">
Luxury Suite | $179/night | 2 Guests
</option>
<option value='Presidential Suite' data-src="images/form/6.jpg">
Presidential Suite | $199/night | 2 Guests
</option>
</select>
</div>
<div id="step-2" class="row">
<h4>Enter your details</h4>
<div class="col-md-6">
<div id='name_error' class='error'>Please enter your name.</div>
<div>
<input type='text' name='Name' id='name' class="form-control" placeholder="Your Name" required>
</div>
<div id='email_error' class='error'>Please enter your valid E-mail ID.</div>
<div>
<input type='email' name='Email' id='email' class="form-control" placeholder="Your Email" required>
</div>
<div id='phone_error' class='error'>Please enter your phone number.</div>
<div>
<input type='text' name='phone' id='phone' class="form-control" placeholder="Your Phone" required>
</div>
</div>
<div class="col-md-6">
<textarea name='message' id='message' class="form-control" placeholder="Your Message"></textarea>
</div>
<div class="col-md-12">
<div class="g-recaptcha" data-sitekey="6LdW03QgAAAAAJko8aINFd1eJUdHlpvT4vNKakj6"></div>
<p id='submit' class="mt20">
<input type='submit' id='send_message' value='Submit Form' class="btn-main">
</p>
</div>
</div>
</form>
<div id='error_message' class='error'>Sorry, error occured this time sending your message.</div>
</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='https://www.google.com/recaptcha/api.js' async defer></script>
<script src="form.js"></script>
</body>
</html>