<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="UTF-8">
<meta name="description" content="Sona Template">
<meta name="keywords" content="Sona, unica, creative, html">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Prospectuso - Luxury Hotel</title>
<link href="https://fonts.googleapis.com/css?family=Lora:400,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cabin:400,500,600,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="css/elegant-icons.css" type="text/css">
<link rel="stylesheet" href="css/flaticon.css" type="text/css">
<link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css">
<link rel="stylesheet" href="css/nice-select.css" type="text/css">
<link rel="stylesheet" href="css/jquery-ui.min.css" type="text/css">
<link rel="stylesheet" href="css/magnific-popup.css" type="text/css">
<link rel="stylesheet" href="css/slicknav.min.css" type="text/css">
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div id="preloder">
<div class="loader"></div>
</div>
<div class="offcanvas-menu-overlay"></div>
<div class="canvas-open">
<i class="icon_menu"></i>
</div>
<div class="offcanvas-menu-wrapper">
<div class="canvas-close">
<i class="icon_close"></i>
</div>
<div class="search-icon search-switch">
<i class="icon_search"></i>
</div>
<div class="header-configure-area">
<div class="language-option">
<img src="img/flag.jpg" alt>
<span>EN <i class="fa fa-angle-down"></i></span>
<div class="flag-dropdown">
<ul>
<li><a href="#">Zi</a></li>
<li><a href="#">Fr</a></li>
</ul>
</div>
</div>
<a href="#" class="bk-btn">Booking Now</a>
</div>
<nav class="mainmenu mobile-menu">
<ul>
<li class="active"><a href="./index.html">Home</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="profile.php">Profile</a></li>
</ul>
</nav>
<div id="mobile-menu-wrap"></div>
<div class="top-social">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-tripadvisor"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
</div>
<ul class="top-widget">
<li><i class="fa fa-phone"></i> (+2) 350 67310</li>
<li><i class="fa fa-envelope"></i> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f49d9a929bb484869b878491978081879bda979b99">[email protected]</a></li>
</ul>
</div>
<header class="header-section">
<div class="top-nav">
<div class="container">
<div class="row">
<div class="col-lg-6">
<ul class="tn-left">
<li><i class="fa fa-phone"></i> (+2) 350 67310</li>
<li><i class="fa fa-envelope"></i> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="80e9eee6efc0f0f2eff3f0e5e3f4f5f3efaee3efed">[email protected]</a></li>
</ul>
</div>
<div class="col-lg-6">
<div class="tn-right">
<div class="top-social">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-tripadvisor"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
</div>
<a href="#" class="bk-btn">Booking Now</a>
<div class="language-option">
<img src="img/flag.jpg" alt>
<span>EN <i class="fa fa-angle-down"></i></span>
<div class="flag-dropdown">
<ul>
<li><a href="#">Zi</a></li>
<li><a href="#">Fr</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item">
<div class="container">
<div class="row">
<div class="col-lg-2">
<a href="./index.html">
<img src="img/logo.png" alt width="70%">
</a>
</div>
<div class="col-lg-10">
<div class="nav-menu">
<nav class="mainmenu">
<ul>
<li class="active"><a href="./index.html">Home</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="profile.php">Profile</a></li>
</ul>
</nav>
<div class="nav-right search-switch">
<i class="icon_search"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<section class="hero-section">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="hero-text">
<h1>Prospectuso A Luxury Hotel</h1>
<p>Here are the best hotel booking sites, including recommendations for international
travel and for finding low-priced hotel rooms.</p>
<a href="#" class="primary-btn">Discover Now</a>
</div>
</div>
<div class="col-xl-4 col-lg-5 offset-xl-2 offset-lg-1">
<div class="booking-form">
<h3>Booking Your Hotel</h3>
<form action="#">
<div class="check-date">
<label for="date-in">Check In:</label>
<input type="text" class="date-input" id="date-in">
<i class="icon_calendar"></i>
</div>
<div class="check-date">
<label for="date-out">Check Out:</label>
<input type="text" class="date-input" id="date-out">
<i class="icon_calendar"></i>
</div>
<div class="select-option">
<label for="guest">Guests:</label>
<select id="guest">
<option value>2 Adults</option>
<option value>3 Adults</option>
</select>
</div>
<div class="select-option">
<label for="room">Room:</label>
<select id="room">
<option value>1 Room</option>
<option value>2 Room</option>
</select>
</div>
<button type="submit">Check Availability</button>
</form>
</div>
</div>
</div>
</div>
<div class="hero-slider owl-carousel">
<div class="hs-item set-bg" data-setbg="img/hero/hero-1.jpg"></div>
<div class="hs-item set-bg" data-setbg="img/hero/hero-2.jpg"></div>
<div class="hs-item set-bg" data-setbg="img/hero/hero-3.jpg"></div>
</div>
</section>
<section class="aboutus-section spad">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="about-text">
<div class="section-title">
<span>About Us</span>
<h2>Intercontinental LA <br/>Westlake Hotel</h2>
</div>
<p class="f-para">prospectuso.com is a leading online accommodation site. We’re passionate about
travel. Every day, we inspire and reach millions of travelers across 90 local websites in 41
languages.</p>
<p class="s-para">So when it comes to booking the perfect hotel, vacation rental, resort,
apartment, guest house, or tree house, we’ve got you covered.</p>
<a href="#" class="primary-btn about-btn">Read More</a>
</div>
</div>
<div class="col-lg-6">
<div class="about-pic">
<div class="row">
<div class="col-sm-6">
<img src="img/about/about-1.jpg" alt>
</div>
<div class="col-sm-6">
<img src="img/about/about-2.jpg" alt>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="services-section spad">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title">
<span>What We Do</span>
<h2>Discover Our Services</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-sm-6">
<div class="service-item">
<i class="flaticon-036-parking"></i>
<h4>Travel Plan</h4>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="service-item">
<i class="flaticon-033-dinner"></i>
<h4>Catering Service</h4>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="service-item">
<i class="flaticon-026-bed"></i>
<h4>Babysitting</h4>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="service-item">
<i class="flaticon-024-towel"></i>
<h4>Laundry</h4>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="service-item">
<i class="flaticon-044-clock-1"></i>
<h4>Hire Driver</h4>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="service-item">
<i class="flaticon-012-cocktail"></i>
<h4>Bar & Drink</h4>
</div>
</div>
</div>
</div>
</section>
<section class="hp-room-section">
<div class="container-fluid">
<div class="hp-room-items">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="hp-room-item set-bg" data-setbg="img/room/room-b1.jpg">
<div class="hr-text">
<h3>Double Room</h3>
<h2>199$<span>/Pernight</span></h2>
<table>
<tbody>
<tr>
<td class="r-o">Size:</td>
<td>30 ft</td>
</tr>
<tr>
<td class="r-o">Capacity:</td>
<td>Max persion 5</td>
</tr>
<tr>
<td class="r-o">Bed:</td>
<td>King Beds</td>
</tr>
<tr>
<td class="r-o">Services:</td>
<td>Wifi, Television, Bathroom,...</td>
</tr>
</tbody>
</table>
<a href="#" class="primary-btn">More Details</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="hp-room-item set-bg" data-setbg="img/room/room-b2.jpg">
<div class="hr-text">
<h3>Premium King Room</h3>
<h2>159$<span>/Pernight</span></h2>
<table>
<tbody>
<tr>
<td class="r-o">Size:</td>
<td>30 ft</td>
</tr>
<tr>
<td class="r-o">Capacity:</td>
<td>Max persion 5</td>
</tr>
<tr>
<td class="r-o">Bed:</td>
<td>King Beds</td>
</tr>
<tr>
<td class="r-o">Services:</td>
<td>Wifi, Television, Bathroom,...</td>
</tr>
</tbody>
</table>
<a href="#" class="primary-btn">More Details</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="hp-room-item set-bg" data-setbg="img/room/room-b3.jpg">
<div class="hr-text">
<h3>Deluxe Room</h3>
<h2>198$<span>/Pernight</span></h2>
<table>
<tbody>
<tr>
<td class="r-o">Size:</td>
<td>30 ft</td>
</tr>
<tr>
<td class="r-o">Capacity:</td>
<td>Max persion 5</td>
</tr>
<tr>
<td class="r-o">Bed:</td>
<td>King Beds</td>
</tr>
<tr>
<td class="r-o">Services:</td>
<td>Wifi, Television, Bathroom,...</td>
</tr>
</tbody>
</table>
<a href="#" class="primary-btn">More Details</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="hp-room-item set-bg" data-setbg="img/room/room-b4.jpg">
<div class="hr-text">
<h3>Family Room</h3>
<h2>299$<span>/Pernight</span></h2>
<table>
<tbody>
<tr>
<td class="r-o">Size:</td>
<td>30 ft</td>
</tr>
<tr>
<td class="r-o">Capacity:</td>
<td>Max persion 5</td>
</tr>
<tr>
<td class="r-o">Bed:</td>
<td>King Beds</td>
</tr>
<tr>
<td class="r-o">Services:</td>
<td>Wifi, Television, Bathroom,...</td>
</tr>
</tbody>
</table>
<a href="#" class="primary-btn">More Details</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="testimonial-section spad">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title">
<span>Testimonials</span>
<h2>What Customers Say?</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8 offset-lg-2">
<div class="testimonial-slider owl-carousel">
<div class="ts-item">
<p>After a construction project took longer than expected, my husband, my daughter and I
needed a place to stay for a few nights.</p>
<div class="ti-author">
<div class="rating">
<i class="icon_star"></i>
<i class="icon_star"></i>
<i class="icon_star"></i>
<i class="icon_star"></i>
<i class="icon_star-half_alt"></i>
</div>
<h5> - jhon max</h5>
</div>
<img src="img/testimonial-logo.png" alt>
</div>
<div class="ts-item">
<p>As a Chicago resident, we know a lot about our
city, neighborhood and the types of housing options available and absolutely love our
vacation at Sona Hotel.</p>
<div class="ti-author">
<div class="rating">
<i class="icon_star"></i>
<i class="icon_star"></i>
<i class="icon_star"></i>
<i class="icon_star"></i>
<i class="icon_star-half_alt"></i>
</div>
<h5> - Alexander Vasquez</h5>
</div>
<img src="img/testimonial-logo.png" alt>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="blog-section spad">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title">
<span>Hotel News</span>
<h2>Our Blog & Event</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="blog-item set-bg" data-setbg="img/blog/blog-1.jpg">
<div class="bi-text">
<span class="b-tag">Travel Trip</span>
<h4><a href="#">Tremblant In Canada</a></h4>
<div class="b-time"><i class="icon_clock_alt"></i> 15th April, 2019</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="blog-item set-bg" data-setbg="img/blog/blog-2.jpg">
<div class="bi-text">
<span class="b-tag">Camping</span>
<h4><a href="#">Choosing A Static Caravan</a></h4>
<div class="b-time"><i class="icon_clock_alt"></i> 15th April, 2019</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="blog-item set-bg" data-setbg="img/blog/blog-3.jpg">
<div class="bi-text">
<span class="b-tag">Event</span>
<h4><a href="#">Copper Canyon</a></h4>
<div class="b-time"><i class="icon_clock_alt"></i> 21th April, 2019</div>
</div>
</div>
</div>
<div class="col-lg-8">
<div class="blog-item small-size set-bg" data-setbg="img/blog/blog-wide.jpg">
<div class="bi-text">
<span class="b-tag">Event</span>
<h4><a href="#">Trip To Iqaluit In Nunavut A Canadian Arctic City</a></h4>
<div class="b-time"><i class="icon_clock_alt"></i> 08th April, 2019</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="blog-item small-size set-bg" data-setbg="img/blog/blog-10.jpg">
<div class="bi-text">
<span class="b-tag">Travel</span>
<h4><a href="#">Traveling To Barcelona</a></h4>
<div class="b-time"><i class="icon_clock_alt"></i> 12th April, 2019</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer-section">
<div class="copyright-option">
<div class="container">
<div class="row">
<div class="col-lg-7">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="profile.php">Profile</a></li>
</ul>
</div>
<div class="col-lg-5">
<div class="co-text"><p>
Copyright ©<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>document.write(new Date().getFullYear());</script> All rights reserved by prospectuso
</p></div>
</div>
</div>
</div>
</div>
</footer>
<div class="search-model">
<div class="h-100 d-flex align-items-center justify-content-center">
<div class="search-close-switch"><i class="icon_close"></i></div>
<form class="search-model-form">
<input type="text" id="search-input" placeholder="Search here.....">
</form>
</div>
</div>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.nice-select.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>