<!DOCTYPE html>
<html>
<head>
<!-- Site made with Mobirise AI Website Builder v0.01, https://ai.mobirise.com -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Mobirise AI v0.01, ai.mobirise.com">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<link rel="shortcut icon" href="assets/images/favicon.png" type="image/x-icon">
<meta name="description" content="Curated online hotel booking platform based in Miami, offering quality, comfort, and value in one package. From boutique hotels to serene beachfront properties, OkayHotels.com caters to every taste and budget.">
<title>Curated Hotel Selection</title>
<link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.css">
<link rel="stylesheet" href="assets/parallax/jarallax.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="assets/dropdown/css/style.css">
<link rel="stylesheet" href="assets/socicon/css/styles.css">
<link rel="stylesheet" href="assets/animatecss/animate.css">
<link rel="stylesheet" href="assets/theme/css/style.css">
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700&display=swap"></noscript>
<link rel="preload" as="style" href="assets/mobirise/css/additional.css"><link rel="stylesheet" href="assets/mobirise/css/additional.css" type="text/css">
<style>:root{ --background: #FDF9F0; --dominant-color: #E9C46A; --primary-color: #E76F51; --secondary-color: #2A9D8F; --success-color: #2DD889; --danger-color: #DA2B3C; --warning-color: #FFC106; --info-color: #13CDF2; --background-text: #000000; --dominant-text: #000000; --primary-text: #000000; --secondary-text: #FFFFFF; --success-text: #000000; --danger-text: #FFFFFF; --warning-text: #000000; --info-text: #000000;}</style>
</head>
<body>
<style>
.cid-u4co0TVqtK {
z-index: 1000;
width: 100%;
position: relative;
}
.cid-u4co0TVqtK .dropdown-item:before {
font-family: Moririse2 !important;
content: "\e966";
display: inline-block;
width: 0;
position: absolute;
left: 1rem;
top: 0.5rem;
margin-right: 0.5rem;
line-height: 1;
font-size: inherit;
vertical-align: middle;
text-align: center;
overflow: hidden;
transform: scale(0, 1);
transition: all 0.25s ease-in-out;
}
@media (max-width: 767px) {
.cid-u4co0TVqtK .navbar-toggler {
transform: scale(0.8);
}
}
.cid-u4co0TVqtK .navbar-brand {
flex-shrink: 0;
align-items: center;
margin-right: 0;
padding: 10px 0;
transition: all 0.3s;
word-break: break-word;
z-index: 1;
}
.cid-u4co0TVqtK .navbar-brand img {
max-width: 100%;
max-height: 100%;
}
.cid-u4co0TVqtK .navbar-brand .navbar-caption {
line-height: inherit !important;
}
.cid-u4co0TVqtK .navbar-brand .navbar-logo a {
outline: none;
}
.cid-u4co0TVqtK .navbar-nav {
margin: auto;
margin-left: 0;
margin-left: auto;
}
.cid-u4co0TVqtK .navbar-nav .nav-item {
padding: 0 !important;
transition: 0.3s all !important;
}
.cid-u4co0TVqtK .navbar-nav .nav-item .nav-link {
padding: 16px !important;
margin: 0 !important;
border-radius: 1rem !important;
transition: 0.3s all !important;
}
.cid-u4co0TVqtK .navbar-nav .nav-item .nav-link:hover {
background-color: rgba(27, 31, 10, 0.06);
}
.cid-u4co0TVqtK .navbar-nav .open .nav-link::after {
transform: rotate(180deg);
}
@media (min-width: 992px) {
.cid-u4co0TVqtK .navbar-nav .open .nav-link::before {
content: "";
width: 100%;
height: 20px;
top: 100%;
background: transparent;
position: absolute;
}
}
.cid-u4co0TVqtK .navbar-nav .dropdown-item {
padding: 12px !important;
border-radius: 0.5rem !important;
margin: 0 8px !important;
transition: 0.3s all !important;
}
.cid-u4co0TVqtK .navbar-nav .dropdown-item:hover {
background-color: rgba(27, 31, 10, 0.06);
}
@media (min-width: 992px) {
.cid-u4co0TVqtK .navbar-nav {
padding-left: 1.5rem;
}
}
.cid-u4co0TVqtK .nav-link {
width: fit-content;
position: relative;
}
.cid-u4co0TVqtK .navbar-logo {
margin: 0 !important;
}
@media (max-width: 767px) {
.cid-u4co0TVqtK .navbar-logo {
padding-left: 0;
}
}
.cid-u4co0TVqtK .navbar-caption {
padding-left: 1rem;
padding-right: 0.5rem;
}
@media (max-width: 767px) {
.cid-u4co0TVqtK .nav-dropdown {
padding-bottom: 0.5rem;
}
}
.cid-u4co0TVqtK .nav-dropdown .link.dropdown-toggle::after {
margin-left: 0.5rem;
margin-top: 0.2rem;
transition: 0.3s all;
}
.cid-u4co0TVqtK .container {
display: flex;
height: 90px;
padding: 0.5rem 0.6rem;
flex-wrap: nowrap;
background: rgba(255, 255, 255, 0.8) !important;
left: 0;
right: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100vw;
margin-top: 1rem;
background-color: #ffffff;
box-shadow: 0 30px 60px 0 rgba(27, 31, 10, 0.08);
}
@media (max-width: 992px) {
.cid-u4co0TVqtK .container {
padding-right: 2rem;
}
}
@media (max-width: 767px) {
.cid-u4co0TVqtK .container {
width: 95%;
height: 56px !important;
padding-right: 1rem;
margin-top: 0rem;
}
}
.cid-u4co0TVqtK .iconfont-wrapper {
color: #000000 !important;
font-size: 1.5rem;
padding-right: 0.5rem;
}
.cid-u4co0TVqtK .dropdown-menu {
flex-wrap: wrap;
flex-direction: column;
max-width: 100%;
padding: 12px 4px !important;
border-radius: 1.5rem;
transition: 0.3s all !important;
min-width: auto;
background: #ffffff;
background: rgba(255, 255, 255, 0.8) !important;
}
.cid-u4co0TVqtK .nav-item:focus,
.cid-u4co0TVqtK .nav-link:focus {
outline: none;
}
.cid-u4co0TVqtK .dropdown .dropdown-menu .dropdown-item {
width: auto;
transition: all 0.25s ease-in-out;
}
.cid-u4co0TVqtK .dropdown .dropdown-menu .dropdown-item::after {
right: 0.5rem;
}
.cid-u4co0TVqtK .dropdown .dropdown-menu .dropdown-item .mbr-iconfont {
margin-right: 0.5rem;
vertical-align: sub;
}
.cid-u4co0TVqtK .dropdown .dropdown-menu .dropdown-item .mbr-iconfont:before {
display: inline-block;
transform: scale(1, 1);
transition: all 0.25s ease-in-out;
}
.cid-u4co0TVqtK .collapsed .dropdown-menu .dropdown-item:before {
display: none;
}
.cid-u4co0TVqtK .collapsed .dropdown .dropdown-menu .dropdown-item {
padding: 0.235em 1.5em 0.235em 1.5em !important;
transition: none;
margin: 0 !important;
}
.cid-u4co0TVqtK .navbar {
min-height: 90px;
transition: all 0.3s;
border-bottom: 1px solid transparent;
background: transparent !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
border-radius: 0 !important;
}
.cid-u4co0TVqtK .navbar.opened {
transition: all 0.3s;
}
.cid-u4co0TVqtK .navbar .dropdown-item {
padding: 0.5rem 1.8rem;
}
.cid-u4co0TVqtK .navbar .navbar-logo img {
min-width: 6rem;
object-fit: cover;
}
.cid-u4co0TVqtK .navbar .navbar-collapse {
z-index: 1;
justify-content: flex-end;
}
.cid-u4co0TVqtK .navbar.collapsed {
justify-content: center;
}
.cid-u4co0TVqtK .navbar.collapsed .nav-item .nav-link::before {
display: none;
}
.cid-u4co0TVqtK .navbar.collapsed.opened .dropdown-menu {
top: 0;
}
@media (min-width: 992px) {
.cid-u4co0TVqtK .navbar.collapsed.opened:not(.navbar-short) .navbar-collapse {
max-height: calc(98.5vh - 3rem);
}
}
.cid-u4co0TVqtK .navbar.collapsed .dropdown-menu .dropdown-submenu {
left: 0 !important;
}
.cid-u4co0TVqtK .navbar.collapsed .dropdown-menu .dropdown-item:after {
right: auto;
}
.cid-u4co0TVqtK .navbar.collapsed .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
margin-left: 0.5rem;
margin-top: 0.2rem;
border-top: 0.35em solid;
border-right: 0.35em solid transparent;
border-left: 0.35em solid transparent;
border-bottom: 0;
top: 41%;
}
.cid-u4co0TVqtK .navbar.collapsed ul.navbar-nav li {
margin: auto;
}
.cid-u4co0TVqtK .navbar.collapsed .dropdown-menu .dropdown-item {
padding: 0.25rem 1.5rem;
text-align: center;
}
.cid-u4co0TVqtK .navbar.collapsed .icons-menu {
padding-left: 0;
padding-right: 0;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
@media (max-width: 767px) {
.cid-u4co0TVqtK .navbar {
min-height: 72px;
}
.cid-u4co0TVqtK .navbar .navbar-logo img {
height: 2.5rem !important;
min-width: 2.5rem !important;
}
}
@media (max-width: 991px) {
.cid-u4co0TVqtK .navbar .nav-item .nav-link::before {
display: none;
}
.cid-u4co0TVqtK .navbar.opened .dropdown-menu {
top: 0;
}
.cid-u4co0TVqtK .navbar .dropdown-menu .dropdown-submenu {
left: 0 !important;
}
.cid-u4co0TVqtK .navbar .dropdown-menu .dropdown-item:after {
right: auto;
}
.cid-u4co0TVqtK .navbar .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
margin-left: 0.5rem;
margin-top: 0.2rem;
border-top: 0.35em solid;
border-right: 0.35em solid transparent;
border-left: 0.35em solid transparent;
border-bottom: 0;
top: 40%;
}
.cid-u4co0TVqtK .navbar .dropdown-menu .dropdown-item {
padding: 0.25rem 1.5rem !important;
text-align: center;
}
.cid-u4co0TVqtK .navbar .navbar-brand {
flex-shrink: initial;
flex-basis: auto;
word-break: break-word;
padding-right: 10px;
}
.cid-u4co0TVqtK .navbar .navbar-toggler {
flex-basis: auto;
}
.cid-u4co0TVqtK .navbar .icons-menu {
padding-left: 0;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
.cid-u4co0TVqtK .navbar.navbar-short .navbar-logo img {
height: 2rem;
}
.cid-u4co0TVqtK .dropdown-item.active,
.cid-u4co0TVqtK .dropdown-item:active {
background-color: transparent;
}
.cid-u4co0TVqtK .navbar-expand-lg .navbar-nav .nav-link {
padding: 0;
}
.cid-u4co0TVqtK .nav-dropdown .link.dropdown-toggle {
margin-right: 1.667em;
}
.cid-u4co0TVqtK .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] {
margin-right: 0;
padding: 0.667em 1.667em;
}
.cid-u4co0TVqtK .navbar.navbar-expand-lg .dropdown .dropdown-menu {
background: #ffffff;
}
.cid-u4co0TVqtK .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu {
margin: 0;
left: 105%;
transform: none;
top: -12px;
}
.cid-u4co0TVqtK .navbar .dropdown.open > .dropdown-menu {
display: flex;
}
.cid-u4co0TVqtK ul.navbar-nav {
flex-wrap: wrap;
}
.cid-u4co0TVqtK .navbar-buttons {
text-align: center;
min-width: 140px;
}
@media (max-width: 992px) {
.cid-u4co0TVqtK .navbar-buttons {
text-align: left;
}
}
.cid-u4co0TVqtK button.navbar-toggler {
outline: none;
width: 31px;
height: 20px;
cursor: pointer;
transition: all 0.2s;
position: relative;
align-self: center;
}
.cid-u4co0TVqtK button.navbar-toggler .hamburger span {
position: absolute;
right: 0;
width: 30px;
height: 2px;
border-right: 5px;
background-color: #000000;
}
.cid-u4co0TVqtK button.navbar-toggler .hamburger span:nth-child(1) {
top: 0;
transition: all 0.2s;
}
.cid-u4co0TVqtK button.navbar-toggler .hamburger span:nth-child(2) {
top: 8px;
transition: all 0.15s;
}
.cid-u4co0TVqtK button.navbar-toggler .hamburger span:nth-child(3) {
top: 8px;
transition: all 0.15s;
}
.cid-u4co0TVqtK button.navbar-toggler .hamburger span:nth-child(4) {
top: 16px;
transition: all 0.2s;
}
.cid-u4co0TVqtK nav.opened .hamburger span:nth-child(1) {
top: 8px;
width: 0;
opacity: 0;
right: 50%;
transition: all 0.2s;
}
.cid-u4co0TVqtK nav.opened .hamburger span:nth-child(2) {
transform: rotate(45deg);
transition: all 0.25s;
}
.cid-u4co0TVqtK nav.opened .hamburger span:nth-child(3) {
transform: rotate(-45deg);
transition: all 0.25s;
}
.cid-u4co0TVqtK nav.opened .hamburger span:nth-child(4) {
top: 8px;
width: 0;
opacity: 0;
right: 50%;
transition: all 0.2s;
}
.cid-u4co0TVqtK .navbar-dropdown {
padding: 0 1rem;
}
.cid-u4co0TVqtK a.nav-link {
display: flex;
align-items: center;
justify-content: center;
}
.cid-u4co0TVqtK .icons-menu {
flex-wrap: nowrap;
display: flex;
justify-content: center;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.3rem;
text-align: center;
}
@media (max-width: 992px) {
.cid-u4co0TVqtK .icons-menu {
justify-content: flex-start;
margin-bottom: 0.5rem;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.cid-u4co0TVqtK .navbar {
height: 70px;
}
.cid-u4co0TVqtK .navbar.opened {
height: auto;
}
.cid-u4co0TVqtK .nav-item .nav-link:hover::before {
width: 175%;
max-width: calc(100% + 2rem);
left: -1rem;
}
}
.cid-u4co0TVqtK .navbar .dropdown > .dropdown-menu {
display: none;
width: max-content;
max-width: 500px !important;
transform: translateX(-50%);
top: calc(100% + 20px);
left: 50%;
}
.cid-u4co0TVqtK .navbar .dropdown > .dropdown-menu .dropdown-item {
line-height: 1 !important;
}
.cid-u4co0TVqtK .navbar .dropdown > .dropdown-menu .dropdown .dropdown-item {
align-items: center;
display: flex;
height: max-content !important;
min-height: max-content !important;
}
.cid-u4co0TVqtK .navbar .dropdown > .dropdown-menu .dropdown .dropdown-item::after {
display: inline-block;
position: static;
margin-left: 0.5rem;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
transition: 0.3s all;
transform: rotate(-90deg);
}
.cid-u4co0TVqtK .navbar .dropdown > .dropdown-menu .dropdown.open .dropdown-item::after {
transform: rotate(0deg);
}
.cid-u4co0TVqtK .mbr-section-btn {
margin: -0.6rem -0.6rem;
}
.cid-u4co0TVqtK .navbar-toggler {
margin-left: 12px;
margin-right: 8px;
order: 1000;
}
@media (max-width: 991px) {
.cid-u4co0TVqtK .navbar-brand {
margin-right: auto;
}
.cid-u4co0TVqtK .navbar-collapse {
z-index: -1 !important;
position: absolute;
top: 110%;
left: 0;
width: 100%;
padding: 1rem;
border-radius: 1.5rem;
background: #ffffff;
opacity: 1;
border-color: rgba(255, 255, 255, 0.8) !important;
background: rgba(255, 255, 255, 0.8) !important;
backdrop-filter: blur(8px);
}
.cid-u4co0TVqtK .navbar-nav .nav-item .nav-link::after {
margin-left: 10px;
}
.cid-u4co0TVqtK .navbar-nav .dropdown-item:hover {
background-color: rgba(27, 31, 10, 0.06);
}
.cid-u4co0TVqtK .navbar .dropdown > .dropdown-menu {
max-width: 100% !important;
transform: translateX(0);
top: 10px;
left: 0;
padding: 8px !important;
border-radius: 1rem;
background-color: rgba(27, 31, 10, 0.04) !important;
}
.cid-u4co0TVqtK .navbar .dropdown > .dropdown-menu .dropdown-item {
padding: 8px !important;
line-height: 1 !important;
margin-bottom: 4px !important;
}
.cid-u4co0TVqtK .navbar .dropdown > .dropdown-menu .dropdown .dropdown-item {
align-items: center;
display: flex;
height: max-content !important;
min-height: max-content !important;
}
.cid-u4co0TVqtK .navbar .dropdown > .dropdown-menu .dropdown .dropdown-item::after {
display: inline-block;
position: static;
margin-left: 0.5rem;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
transition: 0.3s all;
transform: rotate(0deg);
}
.cid-u4co0TVqtK .navbar .dropdown > .dropdown-menu .dropdown.open .dropdown-item::after {
transform: rotate(180deg);
}
.cid-u4co0TVqtK .navbar .dropdown > .dropdown-menu .dropdown-submenu {
position: static;
width: 100%;
max-width: 100% !important;
transform: translateX(0) !important;
top: 0;
left: 0;
padding: 8px !important;
border-radius: 1rem;
background-color: rgba(27, 31, 10, 0.04) !important;
}
.cid-u4co0TVqtK .navbar .dropdown.open > .dropdown-menu {
display: flex !important;
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 575px) {
.cid-u4co0TVqtK .navbar-collapse {
padding: 1rem;
}
}
</style>
<section class="menu menu2 cid-u4co0TVqtK" once="menu" id="menu-5-u4co0TVqtK">
<nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg">
<div class="container">
<div class="navbar-brand">
<span class="navbar-logo">
<a href="https://okayhotels.com">
<img src="assets/images/photo-1455587734955-081b22074882.jpeg" style="height: 4.3rem;">
</a>
</span>
<span class="navbar-caption-wrap">
<a class="navbar-caption text-black display-4" href="https://okayhotels.com">OkayHotels</a>
</span>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-bs-toggle="collapse" data-target="#navbarSupportedContent"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarNavAltMarkup" aria-expanded="false"
aria-label="Toggle navigation">
<div class="hamburger">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
<li class="nav-item">
<a class="nav-link link text-black display-4" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link link text-black display-4" href="#"
aria-expanded="false">Hotels</a>
</li>
<li class="nav-item">
<a class="nav-link link text-black display-4" href="#">Deals</a>
</li>
</ul>
<div class="navbar-buttons mbr-section-btn">
<a class="btn btn-primary display-4" href="https://okayhotels.com">Book Now</a>
</div>
</div>
</div>
</nav>
</section>
<style>
.cid-u4co0TVTnq {
display: flex;
background-image: url("assets/images/photo-1566073771259-6a8506099945.jpeg");
}
.cid-u4co0TVTnq .mbr-overlay {
background-color: #000000;
opacity: 0.5;
}
@media (min-width: 768px) {
.cid-u4co0TVTnq {
align-items: flex-end;
}
.cid-u4co0TVTnq .row {
justify-content: center;
}
.cid-u4co0TVTnq .content-wrap {
padding: 1rem 3rem;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.cid-u4co0TVTnq .content-wrap {
min-width: 50%;
}
}
@media (max-width: 767px) {
.cid-u4co0TVTnq {
-webkit-align-items: center;
align-items: flex-end;
}
.cid-u4co0TVTnq .mbr-row {
-webkit-justify-content: center;
justify-content: center;
}
.cid-u4co0TVTnq .content-wrap {
width: 100%;
}
}
.cid-u4co0TVTnq .mbr-section-title,
.cid-u4co0TVTnq .mbr-section-subtitle {
text-align: center;
}
.cid-u4co0TVTnq .mbr-text,
.cid-u4co0TVTnq .mbr-section-btn {
text-align: center;
}
</style>
<section class="header16 cid-u4co0TVTnq mbr-fullscreen mbr-parallax-background" id="hero-17-u4co0TVTnq">
<div class="mbr-overlay" style="opacity: 0.3; background-color: rgb(0, 0, 0);"></div>
<div class="container-fluid">
<div class="row">
<div class="content-wrap col-12 col-md-10">
<h1 class="mbr-section-title mbr-fonts-style mbr-white mb-4 display-1">
<strong>Stay Chic</strong>
</h1>
<p class="mbr-fonts-style mbr-text mbr-white mb-4 display-7">Discover Your Perfect Stay in Miami's Design District with OkayHotels.com</p>
<div class="mbr-section-btn"><a class="btn btn-white-outline display-7" href="#">Explore More</a></div>
</div>
</div>
</div>
</section>
<style>
.cid-u4co0TVVvm {
padding-top: 5rem;
padding-bottom: 3rem;
background-color: #ffffff;
}
.cid-u4co0TVVvm .item-subtitle {
line-height: 1.2;
color: #000000;
text-align: center;
}
.cid-u4co0TVVvm img,
.cid-u4co0TVVvm .item-img {
width: 100%;
height: 100%;
height: 400px;
object-fit: cover;
}
.cid-u4co0TVVvm .item:focus,
.cid-u4co0TVVvm span:focus {
outline: none;
}
.cid-u4co0TVVvm .item {
margin-bottom: 2rem;
}
@media (max-width: 767px) {
.cid-u4co0TVVvm .item {
margin-bottom: 1rem;
}
}
.cid-u4co0TVVvm .item-wrapper {
position: relative;
border-radius: 4px;
display: flex;
flex-flow: column nowrap;
}
.cid-u4co0TVVvm .mbr-section-btn {
margin-top: auto !important;
}
.cid-u4co0TVVvm .mbr-section-title {
color: #000000;
}
.cid-u4co0TVVvm .mbr-text,
.cid-u4co0TVVvm .mbr-section-btn {
color: #000000;
text-align: center;
}
.cid-u4co0TVVvm .item-title {
color: #000000;
}
.cid-u4co0TVVvm .content-head {
max-width: 800px;
}
</style>
<section class="people03 cid-u4co0TVVvm" id="team-1-u4co0TVVvm">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-12 content-head">
<div class="mbr-section-head mb-5">
<h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
<strong>Meet Us</strong>
</h4>
</div>
</div>
</div>
<div class="row">
<div class="item features-image col-12 col-md-6 col-lg-3">
<div class="item-wrapper">
<div class="item-img mb-3">
<img src="assets/images/photo-1456327102063-fb5054efe647.jpeg">
</div>
<div class="item-content align-left">
<h6 class="item-subtitle mbr-fonts-style display-5">
<strong>Maxwell</strong></h6>
<p class="mbr-text mbr-fonts-style display-7">Chief Experience Officer</p>
</div>
</div>
</div>
<div class="item features-image col-12 col-md-6 col-lg-3">
<div class="item-wrapper">
<div class="item-img mb-3">
<img src="assets/images/photo-1545803928-04e3f4cdd4ed.jpeg">
</div>
<div class="item-content align-left">
<h6 class="item-subtitle mbr-fonts-style display-5">
<strong>Sophia</strong></h6>
<p class="mbr-text mbr-fonts-style display-7">Hospitality Guru</p>
</div>
</div>
</div>
<div class="item features-image col-12 col-md-6 col-lg-3">
<div class="item-wrapper">
<div class="item-img mb-3">
<img src="assets/images/photo-1607556114526-058f5efdf49e.jpeg">
</div>
<div class="item-content align-left">
<h6 class="item-subtitle mbr-fonts-style display-5">
<strong>Ethan</strong></h6>
<p class="mbr-text mbr-fonts-style display-7">Travel Enthusiast</p>
</div>
</div>
</div>
<div class="item features-image col-12 col-md-6 col-lg-3">
<div class="item-wrapper">
<div class="item-img mb-3">
<img src="assets/images/photo-1633594708103-e6e41891b679.jpeg">
</div>
<div class="item-content align-left">
<h6 class="item-subtitle mbr-fonts-style display-5">
<strong>Olivia</strong>
</h6>
<p class="mbr-text mbr-fonts-style display-7">Customer Happiness Specialist</p>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
.cid-u4co0TVdGh {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: #ffffff;
}
.cid-u4co0TVdGh .mbr-fallback-image.disabled {
display: none;
}
.cid-u4co0TVdGh .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-u4co0TVdGh .video-wrapper iframe {
width: 100%;
}
.cid-u4co0TVdGh .mbr-section-title,
.cid-u4co0TVdGh .mbr-section-subtitle,
.cid-u4co0TVdGh .mbr-text {
text-align: center;
}
</style>
<section class="video04 cid-u4co0TVdGh" id="video-6-u4co0TVdGh">
<div class="container">
<div class="mbr-section-head mb-5">
<h4 class="mbr-section-title mbr-fonts-style mb-0 mt-0 display-2">
<strong>Miami Magic Awaits You</strong>
</h4>
</div>
<div class="row justify-content-center">
<div class="col-12 col-md-10 video-block">
<div class="video-wrapper">
<iframe class="mbr-embedded-video"
src="https://www.youtube.com/embed/pzgiSEGiAoI?autoplay=1&loop=1&playlist=pzgiSEGiAoI&t=20&mute=1&playsinline=1&controls=0&showinfo=0&autohide=1&allowfullscreen=true&mode=transparent"
width="1280" height="720" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</section>
<style>
.cid-u4co0TWqL3 {
padding-top: 5rem;
padding-bottom: 3rem;
background-color: #ffffff;
}
.cid-u4co0TWqL3 .item-subtitle {
line-height: 1.2;
color: #000000;
text-align: center;
}
.cid-u4co0TWqL3 img,
.cid-u4co0TWqL3 .item-img {
width: 100%;
height: 100%;
height: 400px;
object-fit: cover;
}
.cid-u4co0TWqL3 .item:focus,
.cid-u4co0TWqL3 span:focus {
outline: none;
}
.cid-u4co0TWqL3 .item {
margin-bottom: 2rem;
}
@media (max-width: 767px) {
.cid-u4co0TWqL3 .item {
margin-bottom: 1rem;
}
}
.cid-u4co0TWqL3 .item-wrapper {
position: relative;
border-radius: 4px;
display: flex;
flex-flow: column nowrap;
}
.cid-u4co0TWqL3 .mbr-section-btn {
margin-top: auto !important;
}
.cid-u4co0TWqL3 .mbr-section-title {
color: #000000;
}
.cid-u4co0TWqL3 .mbr-text,
.cid-u4co0TWqL3 .mbr-section-btn {
color: #000000;
text-align: center;
}
.cid-u4co0TWqL3 .item-title {
color: #000000;
}
.cid-u4co0TWqL3 .content-head {
max-width: 800px;
}
</style>
<section class="people03 cid-u4co0TWqL3" id="guests-1-u4co0TWqL3">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-12 content-head">
<div class="mbr-section-head mb-5">
<h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
<strong>Our Guests Love Us</strong>
</h4>
</div>
</div>
</div>
<div class="row">
<div class="item features-image col-12 col-md-6 col-lg-3">
<div class="item-wrapper">
<div class="item-img mb-3">
<img src="assets/images/photo-1596421250711-9ec0ef9cbba3.jpeg">
</div>
<div class="item-content align-left">
<h6 class="item-subtitle mbr-fonts-style display-5">
<strong>David Summers</strong></h6>
<p class="mbr-text mbr-fonts-style display-7">Explorer Extraordinaire</p>
</div>
</div>
</div>
<div class="item features-image col-12 col-md-6 col-lg-3">
<div class="item-wrapper">
<div class="item-img mb-3">
<img src="assets/images/photo-1525614686090-7a3108e3758e.jpeg">
</div>
<div class="item-content align-left">
<h6 class="item-subtitle mbr-fonts-style display-5">
<strong>Luna Cruz</strong></h6>
<p class="mbr-text mbr-fonts-style display-7">Beach Lover</p>
</div>
</div>
</div>
<div class="item features-image col-12 col-md-6 col-lg-3">
<div class="item-wrapper">
<div class="item-img mb-3">
<img src="assets/images/photo-1557684387-08927d28c72a.jpeg">
</div>
<div class="item-content align-left">
<h6 class="item-subtitle mbr-fonts-style display-5">
<strong>Carlos Sanchez</strong></h6>
<p class="mbr-text mbr-fonts-style display-7">City Adventurer</p>
</div>
</div>
</div>
<div class="item features-image col-12 col-md-6 col-lg-3">
<div class="item-wrapper">
<div class="item-img mb-3">
<img src="assets/images/photo-1681075401974-907cc62a4373.jpeg">
</div>
<div class="item-content align-left">
<h6 class="item-subtitle mbr-fonts-style display-5">
<strong>Isabella Stone</strong>
</h6>
<p class="mbr-text mbr-fonts-style display-7">Nightlife Connoisseur</p>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
.cid-u4co0TWC9y {
padding-top: 5rem;
padding-bottom: 3rem;
background-color: #ffffff;
}
.cid-u4co0TWC9y .item-subtitle {
line-height: 1.2;
color: #000000;
}
.cid-u4co0TWC9y img,
.cid-u4co0TWC9y .item-img {
width: 100%;
height: 100%;
height: 400px;
object-fit: cover;
}
.cid-u4co0TWC9y .item:focus,
.cid-u4co0TWC9y span:focus {
outline: none;
}
.cid-u4co0TWC9y .item {
margin-bottom: 2rem;
}
@media (max-width: 767px) {
.cid-u4co0TWC9y .item {
margin-bottom: 1rem;
}
}
.cid-u4co0TWC9y .item-wrapper {
position: relative;
border-radius: 4px;
height: 100%;
display: flex;
flex-flow: column nowrap;
}
.cid-u4co0TWC9y .item-content {
display: flex;
flex-direction: column;
}
.cid-u4co0TWC9y .item-content .item-footer {
margin-top: auto;
}
.cid-u4co0TWC9y .mbr-section-title {
color: #000000;
}
.cid-u4co0TWC9y .mbr-text,
.cid-u4co0TWC9y .mbr-section-btn {
color: #000000;
}
.cid-u4co0TWC9y .item-title {
color: #000000;
}
.cid-u4co0TWC9y .content-head {
max-width: 800px;
}
</style>
<section class="features12 cid-u4co0TWC9y" id="features-12-u4co0TWC9y">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 content-head">
<div class="mbr-section-head mb-5">
<h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
<strong>Exclusive Offers Just For You</strong>
</h4>
</div>
</div>
</div>
<div class="row">
<div class="item features-image col-12 col-md-6 col-lg-8">
<div class="item-wrapper">
<div class="item-img mb-3 img-big">
<img src="assets/images/photo-1598598795009-f80c5072e665.jpeg">
</div>
<div class="item-content align-center">
<h6 class="item-subtitle mbr-fonts-style mb-0 display-5">
<strong>Luxury for Less</strong>
</h6>
<p class="mbr-text mbr-fonts-style mb-3 mt-3 display-7">Indulge in lavish stays without breaking the bank</p>
</div>
</div>
</div>
<div class="item features-image col-12 col-md-6 col-lg-4">
<div class="item-wrapper">
<div class="item-img mb-3">
<img src="assets/images/photo-1590447158019-883d8d5f8bc7.jpeg">
</div>
<div class="item-content align-center">
<h6 class="item-subtitle mbr-fonts-style mb-0 display-5">
<strong>Hot Deals</strong>
</h6>
<p class="mbr-text mbr-fonts-style mb-3 mt-3 display-7">Unbeatable discounts on top hotels</p>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
.cid-u4co0TWAdk {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: var(--dominant-color, #260a30);
}
.cid-u4co0TWAdk input {
padding: 1.2rem 1.5rem;
border: none !important;
height: 100%;
}
.cid-u4co0TWAdk input:hover {
border: none !important;
}
.cid-u4co0TWAdk .btn {
height: 100%;
margin: auto;
}
@media (min-width: 992px) {
.cid-u4co0TWAdk .text-wrapper {
padding: 0 2rem;
}
}
.cid-u4co0TWAdk .row {
justify-content: center;
}
.cid-u4co0TWAdk .mbr-section-btn {
display: flex;
margin-bottom: 1.2rem;
width: fit-content;
}
@media (min-width: 768px) {
.cid-u4co0TWAdk .mbr-section-btn {
margin-left: initial;
}
}
.cid-u4co0TWAdk .mbr-section-btn .btn {
width: auto;
}
@media (max-width: 991px) {
.cid-u4co0TWAdk .image-wrapper {
margin-bottom: 2rem;
}
.cid-u4co0TWAdk .content-wrapper {
flex-direction: column-reverse;
}
}
.cid-u4co0TWAdk .justify-content-center {
align-items: center;
}
.cid-u4co0TWAdk .mbr-section-title {
text-align: center;
color: var(--dominant-text, #ffd7ef);
}
</style>
<section class="header2 cid-u4co0TWAdk" id="subscription-form-1-u4co0TWAdk">
<div class="container">
<div class="row content-wrapper justify-content-center">
<div class="col-lg-8 mbr-form">
<div class="">
<h1 class="mbr-section-title mbr-fonts-style mb-5 display-1">
<strong>Book Your Dream Stay Now!</strong>
</h1>
</div>
<div class="text-wrapper align-left" data-form-type="formoid">
<form action="https://mobirise.eu/" method="POST" class="mbr-form form-with-styler" data-form-title="Form Name"><input type="hidden" name="email" data-form-email="true" value="">
<div class="row">
<div hidden="hidden" data-form-alert="" class="alert alert-success col-12">Thanks for filling out the form!</div>
<div hidden="hidden" data-form-alert-danger="" class="alert alert-danger col-12">
Oops...! some problem!
</div>
</div>
<div class="dragArea row">
<div data-for="email" class="col-lg-6 col-md-6 col-sm-12 form-group">
<input type="email" name="email" placeholder="test@email.com" data-form-field="email" class="form-control display-7" value="" id="email-header02-0">
</div>
<div class="col-auto mbr-section-btn"><button type="submit" class="w-100 btn btn-primary display-7">Explore Now</button></div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<style>
.cid-u4co0TWK7a {
padding-top: 6rem;
padding-bottom: 6rem;
background-color: #ffffff;
}
.cid-u4co0TWK7a .mbr-text {
color: #000000;
}
.cid-u4co0TWK7a .mbr-section-subtitle {
color: #000000;
}
.cid-u4co0TWK7a .mbr-section-title {
color: #000000;
}
.cid-u4co0TWK7a .img-wrapper img {
width: 120px;
height: 120px;
object-fit: cover;
border-radius: 50% !important;
}
@media (min-width: 768px) and (max-width: 991px) {
.cid-u4co0TWK7a .img-wrapper img {
width: 120px;
height: 120px;
}
}
@media (max-width: 768px) {
.cid-u4co0TWK7a .img-wrapper img {
width: 80px;
height: 80px;
}
}
.cid-u4co0TWK7a .img-wrapper {
display: flex;
}
.cid-u4co0TWK7a .card-text {
text-align: center;
}
.cid-u4co0TWK7a .card-title,
.cid-u4co0TWK7a .img-wrapper {
text-align: center;
}
</style>
<section class="people07 cid-u4co0TWK7a" id="testimonials-8-u4co0TWK7a">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-12 col-lg-8">
<p class="card-text mbr-fonts-style display-5">
"Unforgettable stay at OkayHotels.com! The beachfront view was breathtaking."
</p>
<div class="img-wrapper mt-3 justify-content-center">
<img src="assets/images/photo-1598992616139-5ed3d0fa4eeb.jpeg" data-slide-to="0" data-bs-slide-to="0">
</div>
<p class="card-title mbr-fonts-style mt-3 display-7">
<strong>Samantha Johnson</strong>
</p>
</div>
</div>
</div>
</section>
<style>
.cid-u4co0TXGlH {
overflow: hidden;
background-image: url("assets/images/photo-1596178065887-1198b6148b2b.jpeg");
}
</style>
<section class="image02 cid-u4co0TXGlH mbr-fullscreen mbr-parallax-background" id="image-13-u4co0TXGlH">
<div class="container">
<div class="row"></div>
</div>
</section>
<style>
.cid-u4co0TXYf0 .mbr-fallback-image.disabled {
display: none;
}
.cid-u4co0TXYf0 .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
background: #000000;
}
</style>
<section class="header18 cid-u4co0TXYf0 mbr-fullscreen" data-bg-video="https://www.youtube.com/embed/k87qMGkN1ao?autoplay=1&loop=1&playlist=k87qMGkN1ao&t=20&mute=1&playsinline=1&controls=0&showinfo=0&autohide=1&allowfullscreen=true&mode=transparent" id="video-5-u4co0TXYf0">
<div class="mbr-overlay" style="opacity: 0.3; background-color: rgb(0, 0, 0);"></div>
<div class="container-fluid">
<div class="row">
</div>
</div>
</section>
<style>
.cid-u4co0TXn4l {
padding-top: 5rem;
padding-bottom: 3rem;
background-color: #ffffff;
}
.cid-u4co0TXn4l .item-subtitle {
line-height: 1.2;
color: #000000;
}
.cid-u4co0TXn4l img,
.cid-u4co0TXn4l .item-img {
width: 100%;
height: 100%;
height: 300px;
object-fit: cover;
}
.cid-u4co0TXn4l .item:focus,
.cid-u4co0TXn4l span:focus {
outline: none;
}
.cid-u4co0TXn4l .item {
margin-bottom: 2rem;
}
@media (max-width: 767px) {
.cid-u4co0TXn4l .item {
margin-bottom: 1rem;
}
}
.cid-u4co0TXn4l .item-wrapper {
position: relative;
border-radius: 4px;
height: 100%;
display: flex;
flex-flow: column nowrap;
}
.cid-u4co0TXn4l .mbr-section-title {
color: #000000;
}
.cid-u4co0TXn4l .mbr-text,
.cid-u4co0TXn4l .mbr-section-btn {
color: #000000;
}
.cid-u4co0TXn4l .item-title {
color: #000000;
}
.cid-u4co0TXn4l .content-head {
max-width: 800px;
}
</style>
<section class="blog-2 cid-u4co0TXn4l" id="blog-2-u4co0TXn4l">
<div class="container-fluid">
<div class="row justify-content-center mb-5">
<div class="col-12 content-head">
<div class="mbr-section-head">
<h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
<strong>Travel Tales & Tips</strong>
</h4>
</div>
</div>
</div>
<div class="row">
<div class="item features-image col-12 col-md-6 col-lg-3 active">
<div class="item-wrapper">
<div class="item-img mb-3">
<img src="assets/images/photo-1590001155093-a3c66ab0c3ff.jpeg">
</div>
<div class="item-content align-left">
<h5 class="item-title mbr-fonts-style mt-0 mb-3 display-7">
Adventure
</h5>
<h6 class="item-subtitle mbr-fonts-style mb-3 display-5">
<strong>Discovering Miami's Hidden Gems</strong>
</h6>
<div class="mbr-section-btn item-footer">
<a href="" class="btn item-btn btn-primary display-7">
Read
</a>
</div>
</div>
</div>
</div>
<div class="item features-image col-12 col-md-6 col-lg-3">
<div class="item-wrapper">
<div class="item-img mb-3">
<img src="assets/images/photo-1540541338287-41700207dee6.jpeg" data-slide-to="1" data-bs-slide-to="1">
</div>
<div class="item-content align-left">
<h5 class="item-title mbr-fonts-style mb-3 mt-0 display-7">
Luxury
</h5>
<h6 class="item-subtitle mbr-fonts-style mb-3 display-5">
<strong>Indulge in Miami's Finest Spas</strong>
</h6>
<div class="mbr-section-btn item-footer">
<a href="" class="btn item-btn btn-primary display-7">
Read
</a>
</div>
</div>
</div>
</div>
<div class="item features-image col-12 col-md-6 col-lg-3">
<div class="item-wrapper">
<div class="item-img mb-3">
<img src="assets/images/photo-1504652517000-ae1068478c59.jpeg" data-slide-to="2" data-bs-slide-to="2">
</div>
<div class="item-content align-left">
<h5 class="item-title mbr-fonts-style mb-3 mt-0 display-7">
Foodie
</h5>
<h6 class="item-subtitle mbr-fonts-style mt-0 mb-3 display-5">
<strong>Savoring Miami's Culinary Delights</strong>
</h6>
<div class="mbr-section-btn item-footer">
<a href="" class="btn item-btn btn-primary display-7">
Read
</a>
</div>
</div>
</div>
</div>
<div class="item features-image col-12 col-md-6 col-lg-3">
<div class="item-wrapper">
<div class="item-img mb-3">
<img src="assets/images/photo-1625244724120-1fd1d34d00f6.jpeg" data-slide-to="3" data-bs-slide-to="4">
</div>
<div class="item-content align-left">
<h5 class="item-title mbr-fonts-style mb-3 mt-0 display-7">
Nightlife
</h5>
<h6 class="item-subtitle mbr-fonts-style mt-0 mb-3 display-5">
<strong>
Dancing the Night Away in Miami
</strong>
</h6>
<div class="mbr-section-btn item-footer">
<a href="" class="btn item-btn btn-primary display-7">
Read
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
.cid-u4co0TXeP2 {
padding-top: 6rem;
padding-bottom: 6rem;
background-color: #ffffff;
}
.cid-u4co0TXeP2 .item-subtitle {
line-height: 1.2;
color: #000000;
}
.cid-u4co0TXeP2 img,
.cid-u4co0TXeP2 .item-img {
width: 100%;
height: 100%;
height: 400px;
object-fit: cover;
}
.cid-u4co0TXeP2 .item:focus,
.cid-u4co0TXeP2 span:focus {
outline: none;
}
.cid-u4co0TXeP2 .item {
margin-bottom: 2rem;
}
@media (max-width: 767px) {
.cid-u4co0TXeP2 .item {
margin-bottom: 1rem;
}
}
.cid-u4co0TXeP2 .item-wrapper {
position: relative;
border-radius: 4px;
height: 100%;
display: flex;
flex-flow: column nowrap;
}
.cid-u4co0TXeP2 .mbr-section-title {
color: #232323;
}
.cid-u4co0TXeP2 .mbr-text,
.cid-u4co0TXeP2 .mbr-section-btn {
color: #232323;
}
.cid-u4co0TXeP2 .item-title {
color: #232323;
}
.cid-u4co0TXeP2 .content-head {
max-width: 800px;
}
</style>
<section class="features03 cid-u4co0TXeP2" id="news-1-u4co0TXeP2">
<div class="container-fluid">
<div class="row justify-content-center mb-5">
<div class="col-12 content-head">
<div class="mbr-section-head">
<h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
<strong>Hot Deals & Tips</strong>
</h4>
</div>
</div>
</div>
<div class="row">
<div class="item features-image col-12 col-md-6 col-lg-3 active">
<div class="item-wrapper">
<div class="item-img mb-3">
<img src="assets/images/photo-1517840901100-8179e982acb7.jpeg">
</div>
<div class="item-content align-left">
<h6 class="item-subtitle mbr-fonts-style mb-3 display-5">
<strong><a class="text-black fw-bold" href="#">Exclusive Offers Await!</a></strong>
</h6>
<p class="mbr-text mbr-fonts-style mb-3 display-7">Today</p>
<p class="mbr-text mbr-fonts-style mb-3 display-7">Sign up now for the best deals and travel hacks. Don't miss out on the adventure of a lifetime!</p>
<div class="mbr-section-btn item-footer"><a href="#" class="btn item-btn btn-primary display-7">Join</a></div>
</div>
</div>
</div>
<div class="item features-image col-12 col-md-6 col-lg-3">
<div class="item-wrapper">
<div class="item-img mb-3">
<img src="assets/images/photo-1596436889106-be35e843f974.jpeg" data-slide-to="1" data-bs-slide-to="1">
</div>
<div class="item-content align-left">
<h6 class="item-subtitle mbr-fonts-style mb-3 display-5">
<strong><a class="text-black fw-bold" href="#">Travel Secrets Revealed</a></strong>
</h6>
<p class="mbr-text mbr-fonts-style mb-3 display-7">Tomorrow</p>
<p class="mbr-text mbr-fonts-style mb-3 display-7">Unlock hidden gems and insider tips for your next getaway. Get ready to explore like a pro!</p>
<div class="mbr-section-btn item-footer"><a href="#" class="btn item-btn btn-primary display-7">Join</a></div>
</div>
</div>
</div>
<div class="item features-image col-12 col-md-6 col-lg-3">
<div class="item-wrapper">
<div class="item-img mb-3">
<img src="assets/images/photo-1445019980597-93fa8acb246c.jpeg" data-slide-to="2" data-bs-slide-to="2">
</div>
<div class="item-content align-left">
<h6 class="item-subtitle mbr-fonts-style mt-0 mb-3 display-5">
<strong><a class="text-black fw-bold" href="#">Escape to Paradise</a></strong>
</h6>
<p class="mbr-text mbr-fonts-style mb-3 display-7">Next Week</p>
<p class="mbr-text mbr-fonts-style mb-3 display-7">Discover dreamy destinations and plan your ultimate escape. Your paradise awaits, start packing!</p>
<div class="mbr-section-btn item-footer"><a href="#" class="btn item-btn btn-primary display-7">Join</a></div>
</div>
</div>
</div>
<div class="item features-image col-12 col-md-6 col-lg-3">
<div class="item-wrapper">
<div class="item-img mb-3">
<img src="assets/images/photo-1600011689032-8b628b8a8747.jpeg" data-slide-to="3" data-bs-slide-to="3">
</div>
<div class="item-content align-left">
<h6 class="item-subtitle mbr-fonts-style mt-0 mb-3 display-5">
<strong><a class="text-black fw-bold" href="#">Adventure Awaits You</a></strong>
</h6>
<p class="mbr-text mbr-fonts-style mb-3 display-7">Next Month</p>
<p class="mbr-text mbr-fonts-style mb-3 display-7">Embark on thrilling journeys and create unforgettable memories. Get ready for the thrill of a lifetime!</p>
<div class="mbr-section-btn item-footer"><a href="#" class="btn item-btn btn-primary display-7">Join</a></div>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
.cid-u4co0TXSoc {
padding-top: 6rem;
padding-bottom: 6rem;
background-color: #ffffff;
}
.cid-u4co0TXSoc .item:focus,
.cid-u4co0TXSoc span:focus {
outline: none;
}
.cid-u4co0TXSoc .container-fluid {
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
.cid-u4co0TXSoc .content-head {
max-width: 800px;
}
.cid-u4co0TXSoc .item {
color: #232323;
min-height: 90px;
font-weight: bold;
}
@media (max-width: 768px) {
.cid-u4co0TXSoc .item {
min-height: 45px;
}
}
</style>
<section class="gallery10 cid-u4co0TXSoc" id="features-69-u4co0TXSoc">
<div class="container-fluid">
<div class="loop-container">
<div class="item display-1" data-linewords="
Luxury Stays for Less *
Book Now, Thank Us Later *"
data-direction="-1" data-speed="0.05">
</div>
<div class="item display-1" data-linewords="
Luxury Stays for Less *
Book Now, Thank Us Later *"
data-direction="-1" data-speed="0.05">
</div>
</div>
</div>
</section>
<style>
.cid-u4co0TXg1l {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: transparent;
}
.cid-u4co0TXg1l .mbr-iconfont {
font-size: 1.2rem !important;
font-family: 'Moririse2' !important;
color: white;
transition: all 0.3s;
transform: rotate(180deg);
}
.cid-u4co0TXg1l .panel-group {
border: none;
}
.cid-u4co0TXg1l .card-header {
padding: 1.2rem 0.5rem;
}
@media (max-width: 767px) {
.cid-u4co0TXg1l .card-header {
padding: 1rem 0rem;
}
}
.cid-u4co0TXg1l .panel-body {
padding: 0 0.5rem;
padding-bottom: 1rem;
}
@media (max-width: 767px) {
.cid-u4co0TXg1l .panel-body {
padding: 0rem;
padding-bottom: 1rem;
}
}
.cid-u4co0TXg1l .img-col {
padding: 0;
}
.cid-u4co0TXg1l .img-item {
height: 100%;
}
.cid-u4co0TXg1l img {
height: 100%;
object-fit: cover;
}
.cid-u4co0TXg1l .collapsed span {
transform: rotate(0deg);
}
.cid-u4co0TXg1l .panel-title {
display: flex;
align-items: center;
justify-content: space-between;
}
.cid-u4co0TXg1l p {
margin-bottom: 0.3rem;
}
.cid-u4co0TXg1l .card .card-header {
background-color: transparent;
margin-bottom: 0;
border: 0;
border-radius: 2rem;
}
.cid-u4co0TXg1l .card {
background: #ffffff;
padding: 1rem 2rem;
border-radius: 2rem;
}
@media (max-width: 767px) {
.cid-u4co0TXg1l .card {
padding: 1.5rem;
}
}
.cid-u4co0TXg1l .panel-text {
color: #000000;
}
.cid-u4co0TXg1l .mbr-section-title {
text-align: center;
color: #000000;
}
.cid-u4co0TXg1l .mbr-section-subtitle {
color: #000000;
text-align: center;
}
.cid-u4co0TXg1l .panel-title-edit,
.cid-u4co0TXg1l .mbr-iconfont {
color: #000000;
}
</style>
<section class="list1 cid-u4co0TXg1l" id="faq-1-u4co0TXg1l">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-md-12 col-lg-10 m-auto">
<div class="content">
<div class="mbr-section-head align-left mb-5">
<h3 class="mbr-section-title mb-2 mbr-fonts-style display-2">
<strong>Got Questions? We've Got Answers!</strong>
</h3>
</div>
<div id="bootstrap-accordion_0" class="panel-group accordionStyles accordion" role="tablist" aria-multiselectable="true">
<div class="card mb-3">
<div class="card-header" role="tab" id="headingOne">
<a role="button" class="panel-title collapsed" data-toggle="collapse" data-bs-toggle="collapse" data-core="" href="#collapse1_0" aria-expanded="false" aria-controls="collapse1">
<h6 class="panel-title-edit mbr-semibold mbr-fonts-style mb-0 display-5">
How to Book a Room?
</h6>
<span class="sign mbr-iconfont mobi-mbri-arrow-down"></span>
</a>
</div>
<div id="collapse1_0" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_0">
<div class="panel-body">
<p class="mbr-fonts-style panel-text display-7">
Booking a room is as easy as 1-2-3! Simply select your dates, choose your preferred hotel, and complete the reservation process online.
</p>
</div>
</div>
</div>
<div class="card mb-3">
<div class="card-header" role="tab" id="headingOne">
<a role="button" class="panel-title collapsed" data-toggle="collapse" data-bs-toggle="collapse" data-core="" href="#collapse2_0" aria-expanded="false" aria-controls="collapse2">
<h6 class="panel-title-edit mbr-semibold mbr-fonts-style mb-0 display-5">
Cancellation Policy?
</h6>
<span class="sign mbr-iconfont mobi-mbri-arrow-down"></span>
</a>
</div>
<div id="collapse2_0" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_0">
<div class="panel-body">
<p class="mbr-fonts-style panel-text display-7">
Our cancellation policy varies by hotel, but rest assured, we strive to provide flexibility and peace of mind for your travel plans.
</p>
</div>
</div>
</div>
<div class="card mb-3">
<div class="card-header" role="tab" id="headingOne">
<a role="button" class="panel-title collapsed" data-toggle="collapse" data-bs-toggle="collapse" data-core="" href="#collapse3_0" aria-expanded="false" aria-controls="collapse3">
<h6 class="panel-title-edit mbr-semibold mbr-fonts-style mb-0 display-5">
Need Special Assistance?
</h6>
<span class="sign mbr-iconfont mobi-mbri-arrow-down"></span>
</a>
</div>
<div id="collapse3_0" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_0">
<div class="panel-body">
<p class="mbr-fonts-style panel-text display-7">
If you require any special assistance or have specific requests, feel free to reach out to our dedicated customer support team. We're here to help!
</p>
</div>
</div>
</div>
<div class="card mb-3">
<div class="card-header" role="tab" id="headingOne">
<a role="button" class="panel-title collapsed" data-toggle="collapse" data-bs-toggle="collapse" data-core="" href="#collapse4_0" aria-expanded="false" aria-controls="collapse4">
<h6 class="panel-title-edit mbr-semibold mbr-fonts-style mb-0 display-5">
Payment Options Available?
</h6>
<span class="sign mbr-iconfont mobi-mbri-arrow-down"></span>
</a>
</div>
<div id="collapse4_0" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_0">
<div class="panel-body">
<p class="mbr-fonts-style panel-text display-7">
We accept all major credit cards and offer secure payment processing for your convenience. Your transactions with us are safe and hassle-free.
</p>
</div>
</div>
</div>
<div class="card mb-3">
<div class="card-header" role="tab" id="headingOne">
<a role="button" class="panel-title collapsed" data-toggle="collapse" data-bs-toggle="collapse" data-core="" href="#collapse5_0" aria-expanded="false" aria-controls="collapse5">
<h6 class="panel-title-edit mbr-semibold mbr-fonts-style mb-0 display-5">
Best Price Guarantee?
</h6>
<span class="sign mbr-iconfont mobi-mbri-arrow-down"></span>
</a>
</div>
<div id="collapse5_0" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_0">
<div class="panel-body">
<p class="mbr-fonts-style panel-text display-7">
Yes, we guarantee the best prices for all bookings made through OkayHotels.com. If you find a lower rate elsewhere, let us know, and we'll match it!
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
.cid-u4co0TXr11 {
padding-top: 6rem;
padding-bottom: 6rem;
background-color: #ffffff;
}
.cid-u4co0TXr11 .item:focus,
.cid-u4co0TXr11 span:focus {
outline: none;
}
.cid-u4co0TXr11 .item {
cursor: pointer;
}
.cid-u4co0TXr11 .grid-container {
grid-row-gap: 2rem;
}
@media (max-width: 767px) {
.cid-u4co0TXr11 .grid-container {
grid-row-gap: 1rem;
}
}
.cid-u4co0TXr11 .grid-container-1,
.cid-u4co0TXr11 .grid-container-2 {
gap: 0 2rem;
}
@media (max-width: 767px) {
.cid-u4co0TXr11 .grid-container-1,
.cid-u4co0TXr11 .grid-container-2 {
gap: 0 1rem;
}
}
.cid-u4co0TXr11 .mbr-section-title {
color: #000000;
}
.cid-u4co0TXr11 .mbr-text,
.cid-u4co0TXr11 .mbr-section-btn {
color: #000000;
}
.cid-u4co0TXr11 .content-head {
max-width: 800px;
}
.cid-u4co0TXr11 .container,
.cid-u4co0TXr11 .container-fluid {
overflow: hidden;
}
.cid-u4co0TXr11 .grid-container {
display: grid;
transform: translate3d(-3rem, 0, 0);
width: 115vw;
grid-column-gap: 1rem;
}
.cid-u4co0TXr11 .grid-item {
display: flex;
justify-content: center;
align-items: center;
}
.cid-u4co0TXr11 .grid-item img {
min-width: 30vw;
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
@media (max-width: 767px) {
.cid-u4co0TXr11 .grid-item img {
min-width: 35vw;
}
}
.cid-u4co0TXr11 .grid-container-1,
.cid-u4co0TXr11 .grid-container-2 {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-auto-columns: 1fr;
grid-auto-flow: column;
}
.cid-u4co0TXr11 .grid-container-1 {
align-items: flex-end;
}
.cid-u4co0TXr11 .grid-container-2 {
align-items: flex-start;
}
</style>
<section class="gallery4 cid-u4co0TXr11" id="gallery-12-u4co0TXr11">
<div class="container-fluid gallery-wrapper">
<div class="grid-container">
<div class="grid-container-1" style="transform: translate3d(-200px, 0px, 0px);">
<div class="grid-item">
<img src="assets/images/photo-1573047330191-fb342b1be381.jpeg">
</div>
<div class="grid-item">
<img src="assets/images/photo-1520250497591-112f2f40a3f4.jpeg">
</div>
<div class="grid-item">
<img src="assets/images/photo-1625244695851-1fc873f942bc.jpeg">
</div>
<div class="grid-item">
<img src="assets/images/photo-1620332372374-f108c53d2e03.jpeg">
</div>
</div>
<div class="grid-container-2" style="transform: translate3d(-70px, 0px, 0px);">
<div class="grid-item">
<img src="assets/images/photo-1564501049412-61c2a3083791.jpeg">
</div>
<div class="grid-item">
<img src="assets/images/photo-1596386461350-326ccb383e9f.jpeg">
</div>
<div class="grid-item">
<img src="assets/images/photo-1542314831-068cd1dbfeeb.jpeg">
</div>
<div class="grid-item">
<img src="assets/images/photo-1496417263034-38ec4f0b665a.jpeg">
</div>
</div>
</div>
</div>
</section>
<style>
.cid-u4co0TXNjx {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: #ffffff;
}
.cid-u4co0TXNjx .item-subtitle {
line-height: 1.2;
color: #000000;
}
.cid-u4co0TXNjx img,
.cid-u4co0TXNjx .item-img {
width: 100%;
}
.cid-u4co0TXNjx .item:focus,
.cid-u4co0TXNjx span:focus {
outline: none;
}
.cid-u4co0TXNjx .item {
margin-bottom: 2rem;
}
@media (max-width: 575px) {
.cid-u4co0TXNjx .item {
margin-bottom: 1rem;
}
}
.cid-u4co0TXNjx .item-wrapper {
position: relative;
border-radius: 4px;
height: 100%;
display: flex;
flex-flow: column nowrap;
}
.cid-u4co0TXNjx .mbr-section-title {
color: #000000;
}
.cid-u4co0TXNjx .mbr-text,
.cid-u4co0TXNjx .mbr-section-btn {
color: #000000;
}
.cid-u4co0TXNjx .item-title {
color: #000000;
text-align: center;
}
.cid-u4co0TXNjx .content-head {
max-width: 800px;
}
.cid-u4co0TXNjx img {
filter: grayscale(1);
}
</style>
<style>
.cid-u4co0TXL58 {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: transparent;
}
.cid-u4co0TXL58 .mbr-fallback-image.disabled {
display: none;
}
.cid-u4co0TXL58 .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-u4co0TXL58 .card-wrapper {
background: #ffffff;
}
@media (max-width: 767px) {
.cid-u4co0TXL58 .card-wrapper {
padding: 2rem 1.5rem;
margin-bottom: 1rem;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.cid-u4co0TXL58 .card-wrapper {
padding: 2.25rem;
}
}
@media (min-width: 992px) {
.cid-u4co0TXL58 .card-wrapper {
padding: 4rem;
}
}
.cid-u4co0TXL58 .mbr-text,
.cid-u4co0TXL58 .mbr-section-btn {
text-align: center;
}
</style>
<section class="header14 cid-u4co0TXL58" id="call-to-action-10-u4co0TXL58">
<div class="container">
<div class="row justify-content-center">
<div class="card col-12 col-md-12 col-lg-10">
<div class="card-wrapper">
<div class="card-box align-center">
<h1 class="card-title mbr-fonts-style mb-4 display-1">
<strong>Book Your Dream Stay Today!</strong>
</h1>
<p class="mbr-text mbr-fonts-style mb-4 display-7">
Discover handpicked accommodations for a memorable Miami experience.
</p>
<div class="mbr-section-btn mt-4">
<a class="btn btn-primary display-7" href="#">
Explore Now
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
.cid-u4co0TYubS {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: #ffffff;
}
.cid-u4co0TYubS .mbr-fallback-image.disabled {
display: none;
}
.cid-u4co0TYubS .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-u4co0TYubS .bg-facebook {
background: #1778f2;
color: #ffffff;
}
.cid-u4co0TYubS .bg-facebook:hover {
background: #0b60cb;
}
.cid-u4co0TYubS .bg-twitter {
background: #1da1f2;
color: #ffffff;
}
.cid-u4co0TYubS .bg-twitter:hover {
background: #0c85d0;
}
.cid-u4co0TYubS .bg-instagram {
background: #f00075;
color: #ffffff;
}
.cid-u4co0TYubS .bg-instagram:hover {
background: #bd005c;
}
.cid-u4co0TYubS .bg-tiktok {
background: #000000;
color: #ffffff;
}
.cid-u4co0TYubS .bg-tiktok:hover {
background: #000000;
}
.cid-u4co0TYubS .iconfont-wrapper {
display: inline-block;
font-size: 32px;
border-radius: 50%;
width: 72px;
height: 72px;
line-height: 72px;
text-align: center;
transition: all 0.3s ease-in-out;
}
.cid-u4co0TYubS [class^="socicon-"]:before,
.cid-u4co0TYubS [class*=" socicon-"]:before {
line-height: 55px;
padding: .6rem;
}
</style>
<section class="social4 cid-u4co0TYubS" id="follow-us-1-u4co0TYubS">
<div class="container">
<div class="media-container-row">
<div class="col-12">
<h3 class="mbr-section-title align-center mb-5 mbr-fonts-style display-2">
<strong>Join Our Travel Tribe</strong>
</h3>
<div class="social-list align-center">
<a class="iconfont-wrapper bg-facebook m-2 " target="_blank" href="#">
<span class="socicon-facebook socicon"></span>
</a>
<a class="iconfont-wrapper bg-twitter m-2" href="#" target="_blank">
<span class="socicon-twitter socicon"></span>
</a>
<a class="iconfont-wrapper bg-instagram m-2" href="#" target="_blank">
<span class="socicon-instagram socicon"></span>
</a>
<a class="iconfont-wrapper bg-tiktok m-2" href="#" target="_blank">
<span class="socicon-tiktok socicon"></span>
</a>
</div>
</div>
</div>
</div>
</section>
<style>
.cid-u4co0TYzsE {
padding-top: 6rem;
padding-bottom: 6rem;
background-color: transparent;
}
.cid-u4co0TYzsE .mbr-overlay {
background-color: #ffffff;
opacity: 0.4;
}
.cid-u4co0TYzsE form .mbr-section-btn {
text-align: center;
width: 100%;
}
.cid-u4co0TYzsE form .mbr-section-btn .btn {
display: inline-flex;
}
@media (max-width: 991px) {
.cid-u4co0TYzsE form .mbr-section-btn .btn {
width: 100%;
}
}
.cid-u4co0TYzsE .content-head {
max-width: 800px;
}
</style>
<section class="form5 cid-u4co0TYzsE" id="contact-form-2-u4co0TYzsE">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 content-head">
<div class="mbr-section-head mb-5">
<h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
<strong>Find Your Perfect Stay</strong>
</h3>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-8 mx-auto mbr-form" data-form-type="formoid">
<form action="https://mobirise.eu/" method="POST" class="mbr-form form-with-styler" data-form-title="Form Name"><input type="hidden" name="email" data-form-email="true" value="">
<div class="row">
<div hidden="hidden" data-form-alert="" class="alert alert-success col-12">Thanks for filling out the form!</div>
<div hidden="hidden" data-form-alert-danger="" class="alert alert-danger col-12">
Oops...! some problem!
</div>
</div>
<div class="dragArea row">
<div class="col-md col-sm-12 form-group mb-3" data-for="name">
<input type="text" name="name" placeholder="Name" data-form-field="name" class="form-control" value="" id="name-form02-0">
</div>
<div class="col-md col-sm-12 form-group mb-3" data-for="email">
<input type="email" name="email" placeholder="Email" data-form-field="email" class="form-control" value="" id="email-form02-0">
</div>
<div class="col-12 form-group mb-3" data-for="textarea">
<textarea name="textarea" placeholder="Message" data-form-field="textarea" class="form-control" id="textarea-form02-0"></textarea>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 align-center mbr-section-btn"><button type="submit" class="btn btn-primary display-7">Search Now</button></div>
</div>
</form>
</div>
</div>
</div>
</section>
<style>
.cid-u4co0TYWBZ {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: transparent;
}
.cid-u4co0TYWBZ .mbr-fallback-image.disabled {
display: none;
}
.cid-u4co0TYWBZ .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-u4co0TYWBZ .mbr-text {
color: #000000;
}
.cid-u4co0TYWBZ .mbr-section-subtitle {
color: ##000000;
text-align: left;
}
.cid-u4co0TYWBZ .main-button {
margin-bottom: 2rem;
}
@media (max-width: 767px) {
.cid-u4co0TYWBZ .main-button {
margin-bottom: 2rem;
}
}
.cid-u4co0TYWBZ .mbr-section-subtitle,
.cid-u4co0TYWBZ .main-button {
color: #000000;
}
.cid-u4co0TYWBZ .google-map {
height: 30rem;
position: relative;
border-radius: 2rem;
}
.cid-u4co0TYWBZ .google-map iframe {
height: 100%;
width: 100%;
border-radius: 2rem;
}
.cid-u4co0TYWBZ .google-map [data-state-details] {
color: #6b6763;
height: 1.5em;
margin-top: -0.75em;
padding-left: 1.25rem;
padding-right: 1.25rem;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
}
.cid-u4co0TYWBZ .google-map[data-state] {
background: #e9e5dc;
}
.cid-u4co0TYWBZ .google-map[data-state="loading"] [data-state-details] {
display: none;
}
</style>
<section class="contacts03 cid-u4co0TYWBZ" id="contacts-11-u4co0TYWBZ">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-4">
<div class="col-12 col-md-12">
<h5 class="mbr-section-title mbr-fonts-style mt-0 mb-4 display-2">
<strong>Get in Touch</strong>
</h5>
<p class="mbr-section-subtitle mbr-fonts-style mt-0 mb-4 display-7">
Phone: <a href="">123-456-7890</a>
<br>Email: info@okayhotels.com
<br>Address: 123 Ocean Drive, Miami, FL
<br>Working Hours: Mon-Fri: 9am-6pm</p>
</div>
</div>
<div class="col-lg-8 side-features">
<div class="google-map">
<iframe frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyCt1265A4qvZy9HKUeA8J15AOC4SrCyZe4&q=Miami%2C%20Florida" allowfullscreen=""></iframe>
</div>
</div>
</div>
</div>
</section>
<style>
.cid-u4co0TYCJT {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: #000000;
}
.cid-u4co0TYCJT .social-row {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.cid-u4co0TYCJT .social-row .soc-item {
margin: 8px;
}
.cid-u4co0TYCJT .social-row .soc-item a:hover .mbr-iconfont,
.cid-u4co0TYCJT .social-row .soc-item a:focus .mbr-iconfont {
background-color: #ffffff;
}
.cid-u4co0TYCJT .social-row .soc-item a .mbr-iconfont {
width: 72px;
height: 72px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
font-size: 32px;
background-color: #edefeb;
color: #000000;
transition: all 0.3s ease-in-out;
}
.cid-u4co0TYCJT .row-links {
width: 100%;
justify-content: center;
}
.cid-u4co0TYCJT .header-menu {
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 0;
margin-bottom: 0;
}
.cid-u4co0TYCJT .header-menu li {
padding: 0 1rem 1rem 1rem;
}
.cid-u4co0TYCJT .header-menu li p {
margin: 0;
}
.cid-u4co0TYCJT .copyright {
margin-bottom: 0;
color: #ffffff;
text-align: center;
}
.cid-u4co0TYCJT .mbr-section-title {
color: #ffffff;
}
</style>
<section class="footer3 cid-u4co0TYCJT" once="footers" id="footer-6-u4co0TYCJT">
<div class="container">
<div class="row">
<div class="row-links">
<ul class="header-menu">
<li class="header-menu-item mbr-fonts-style display-5">
<a href="#" class="text-white">Home</a>
</li><li class="header-menu-item mbr-fonts-style display-5">
<a href="#" class="text-white">About</a>
</li><li class="header-menu-item mbr-fonts-style display-5">
<a href="#" class="text-white">Destinations</a>
</li><li class="header-menu-item mbr-fonts-style display-5">
<a href="#" class="text-white">Contact</a>
</li></ul>
</div>
<div class="col-12 mt-4">
<p class="mbr-fonts-style copyright display-7">
© 2024 OkayHotels.com. Powered by <a href="https://www.peacenic.com" target="_blank">PeaceNic</a> All Rights Reserved
</p>
</div>
</div>
</div>
</section>
<script src="assets/parallax/jarallax.js"></script>
<script src="assets/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/dropdown/js/navbar-dropdown.js"></script>
<script src="assets/mbr-switch-arrow/mbr-switch-arrow.js"></script>
<script src="assets/scrollgallery/scroll-gallery.js"></script>
<script src="assets/smoothscroll/smooth-scroll.js"></script>
<script src="assets/ytplayer/index.js"></script>
<script src="assets/theme/js/script.js"></script>
<script src="assets/formoid/formoid.min.js"></script>
<script>
(function(){
var animationInput = document.createElement('input');
animationInput.setAttribute('name', 'animation');
animationInput.setAttribute('type', 'hidden');
document.body.append(animationInput);
})();
</script>
</body>
</html>