It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://okayhotels.com/

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  <!-- Site made with Mobirise AI Website Builder v0.01, https://ai.mobirise.com -->
  5.  <meta charset="UTF-8">
  6.  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.  <meta name="generator" content="Mobirise AI v0.01, ai.mobirise.com">
  8.  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
  9.  <link rel="shortcut icon" href="assets/images/favicon.png" type="image/x-icon">
  10.  <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.">
  11.  
  12.  <title>Curated Hotel Selection</title>
  13.  <link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.css">
  14.  <link rel="stylesheet" href="assets/parallax/jarallax.css">
  15.  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
  16.  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
  17.  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
  18.  <link rel="stylesheet" href="assets/dropdown/css/style.css">
  19.  <link rel="stylesheet" href="assets/socicon/css/styles.css">
  20.  <link rel="stylesheet" href="assets/animatecss/animate.css">
  21.  <link rel="stylesheet" href="assets/theme/css/style.css">
  22.  <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'">
  23.  <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700&display=swap"></noscript>
  24.  <link rel="preload" as="style" href="assets/mobirise/css/additional.css"><link rel="stylesheet" href="assets/mobirise/css/additional.css" type="text/css">
  25.  
  26.  
  27.  
  28.  <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>
  29. </head>
  30. <body>
  31.  
  32.  
  33.    <style>
  34. .cid-u4co0TVqtK  {
  35.  z-index: 1000;
  36.  width: 100%;
  37.  position: relative;
  38. }
  39. .cid-u4co0TVqtK  .dropdown-item:before {
  40.  font-family: Moririse2 !important;
  41.  content: "\e966";
  42.  display: inline-block;
  43.  width: 0;
  44.  position: absolute;
  45.  left: 1rem;
  46.  top: 0.5rem;
  47.  margin-right: 0.5rem;
  48.  line-height: 1;
  49.  font-size: inherit;
  50.  vertical-align: middle;
  51.  text-align: center;
  52.  overflow: hidden;
  53.  transform: scale(0, 1);
  54.  transition: all 0.25s ease-in-out;
  55. }
  56. @media (max-width: 767px) {
  57.  .cid-u4co0TVqtK  .navbar-toggler {
  58.    transform: scale(0.8);
  59.  }
  60. }
  61. .cid-u4co0TVqtK  .navbar-brand {
  62.  flex-shrink: 0;
  63.  align-items: center;
  64.  margin-right: 0;
  65.  padding: 10px 0;
  66.  transition: all 0.3s;
  67.  word-break: break-word;
  68.  z-index: 1;
  69. }
  70. .cid-u4co0TVqtK  .navbar-brand img {
  71.  max-width: 100%;
  72.  max-height: 100%;
  73. }
  74. .cid-u4co0TVqtK  .navbar-brand .navbar-caption {
  75.  line-height: inherit !important;
  76. }
  77. .cid-u4co0TVqtK  .navbar-brand .navbar-logo a {
  78.  outline: none;
  79. }
  80. .cid-u4co0TVqtK  .navbar-nav {
  81.  margin: auto;
  82.  margin-left: 0;
  83.  margin-left: auto;
  84. }
  85. .cid-u4co0TVqtK  .navbar-nav .nav-item {
  86.  padding: 0 !important;
  87.  transition: 0.3s all !important;
  88. }
  89. .cid-u4co0TVqtK  .navbar-nav .nav-item .nav-link {
  90.  padding: 16px !important;
  91.  margin: 0 !important;
  92.  border-radius: 1rem !important;
  93.  transition: 0.3s all !important;
  94. }
  95. .cid-u4co0TVqtK  .navbar-nav .nav-item .nav-link:hover {
  96.  background-color: rgba(27, 31, 10, 0.06);
  97. }
  98. .cid-u4co0TVqtK  .navbar-nav .open .nav-link::after {
  99.  transform: rotate(180deg);
  100. }
  101. @media (min-width: 992px) {
  102.  .cid-u4co0TVqtK  .navbar-nav .open .nav-link::before {
  103.    content: "";
  104.    width: 100%;
  105.    height: 20px;
  106.    top: 100%;
  107.    background: transparent;
  108.    position: absolute;
  109.  }
  110. }
  111. .cid-u4co0TVqtK  .navbar-nav .dropdown-item {
  112.  padding: 12px !important;
  113.  border-radius: 0.5rem !important;
  114.  margin: 0 8px !important;
  115.  transition: 0.3s all !important;
  116. }
  117. .cid-u4co0TVqtK  .navbar-nav .dropdown-item:hover {
  118.  background-color: rgba(27, 31, 10, 0.06);
  119. }
  120. @media (min-width: 992px) {
  121.  .cid-u4co0TVqtK  .navbar-nav {
  122.    padding-left: 1.5rem;
  123.  }
  124. }
  125. .cid-u4co0TVqtK  .nav-link {
  126.  width: fit-content;
  127.  position: relative;
  128. }
  129. .cid-u4co0TVqtK  .navbar-logo {
  130.  margin: 0 !important;
  131. }
  132. @media (max-width: 767px) {
  133.  .cid-u4co0TVqtK  .navbar-logo {
  134.    padding-left: 0;
  135.  }
  136. }
  137. .cid-u4co0TVqtK  .navbar-caption {
  138.  padding-left: 1rem;
  139.  padding-right: 0.5rem;
  140. }
  141. @media (max-width: 767px) {
  142.  .cid-u4co0TVqtK  .nav-dropdown {
  143.    padding-bottom: 0.5rem;
  144.  }
  145. }
  146. .cid-u4co0TVqtK  .nav-dropdown .link.dropdown-toggle::after {
  147.  margin-left: 0.5rem;
  148.  margin-top: 0.2rem;
  149.  transition: 0.3s all;
  150. }
  151. .cid-u4co0TVqtK  .container {
  152.  display: flex;
  153.  height: 90px;
  154.  padding: 0.5rem 0.6rem;
  155.  flex-wrap: nowrap;
  156.  background: rgba(255, 255, 255, 0.8) !important;
  157.  left: 0;
  158.  right: 0;
  159.  -webkit-box-pack: justify;
  160.  -ms-flex-pack: justify;
  161.  justify-content: flex-end;
  162.  -webkit-box-align: center;
  163.  -webkit-align-items: center;
  164.  -ms-flex-align: center;
  165.  align-items: center;
  166.  border-radius: 100vw;
  167.  margin-top: 1rem;
  168.  background-color: #ffffff;
  169.  box-shadow: 0 30px 60px 0 rgba(27, 31, 10, 0.08);
  170. }
  171. @media (max-width: 992px) {
  172.  .cid-u4co0TVqtK  .container {
  173.    padding-right: 2rem;
  174.  }
  175. }
  176. @media (max-width: 767px) {
  177.  .cid-u4co0TVqtK  .container {
  178.    width: 95%;
  179.    height: 56px !important;
  180.    padding-right: 1rem;
  181.    margin-top: 0rem;
  182.  }
  183. }
  184. .cid-u4co0TVqtK  .iconfont-wrapper {
  185.  color: #000000 !important;
  186.  font-size: 1.5rem;
  187.  padding-right: 0.5rem;
  188. }
  189. .cid-u4co0TVqtK  .dropdown-menu {
  190.  flex-wrap: wrap;
  191.  flex-direction: column;
  192.  max-width: 100%;
  193.  padding: 12px 4px !important;
  194.  border-radius: 1.5rem;
  195.  transition: 0.3s all !important;
  196.  min-width: auto;
  197.  background: #ffffff;
  198.  background: rgba(255, 255, 255, 0.8) !important;
  199. }
  200. .cid-u4co0TVqtK  .nav-item:focus,
  201. .cid-u4co0TVqtK  .nav-link:focus {
  202.  outline: none;
  203. }
  204. .cid-u4co0TVqtK  .dropdown .dropdown-menu .dropdown-item {
  205.  width: auto;
  206.  transition: all 0.25s ease-in-out;
  207. }
  208. .cid-u4co0TVqtK  .dropdown .dropdown-menu .dropdown-item::after {
  209.  right: 0.5rem;
  210. }
  211. .cid-u4co0TVqtK  .dropdown .dropdown-menu .dropdown-item .mbr-iconfont {
  212.  margin-right: 0.5rem;
  213.  vertical-align: sub;
  214. }
  215. .cid-u4co0TVqtK  .dropdown .dropdown-menu .dropdown-item .mbr-iconfont:before {
  216.  display: inline-block;
  217.  transform: scale(1, 1);
  218.  transition: all 0.25s ease-in-out;
  219. }
  220. .cid-u4co0TVqtK  .collapsed .dropdown-menu .dropdown-item:before {
  221.  display: none;
  222. }
  223. .cid-u4co0TVqtK  .collapsed .dropdown .dropdown-menu .dropdown-item {
  224.  padding: 0.235em 1.5em 0.235em 1.5em !important;
  225.  transition: none;
  226.  margin: 0 !important;
  227. }
  228. .cid-u4co0TVqtK  .navbar {
  229.  min-height: 90px;
  230.  transition: all 0.3s;
  231.  border-bottom: 1px solid transparent;
  232.  background: transparent !important;
  233.  padding: 0 !important;
  234.  border: none !important;
  235.  box-shadow: none !important;
  236.  border-radius: 0 !important;
  237. }
  238. .cid-u4co0TVqtK  .navbar.opened {
  239.  transition: all 0.3s;
  240. }
  241. .cid-u4co0TVqtK  .navbar .dropdown-item {
  242.  padding: 0.5rem 1.8rem;
  243. }
  244. .cid-u4co0TVqtK  .navbar .navbar-logo img {
  245.  min-width: 6rem;
  246.  object-fit: cover;
  247. }
  248. .cid-u4co0TVqtK  .navbar .navbar-collapse {
  249.  z-index: 1;
  250.  justify-content: flex-end;
  251. }
  252. .cid-u4co0TVqtK  .navbar.collapsed {
  253.  justify-content: center;
  254. }
  255. .cid-u4co0TVqtK  .navbar.collapsed .nav-item .nav-link::before {
  256.  display: none;
  257. }
  258. .cid-u4co0TVqtK  .navbar.collapsed.opened .dropdown-menu {
  259.  top: 0;
  260. }
  261. @media (min-width: 992px) {
  262.  .cid-u4co0TVqtK  .navbar.collapsed.opened:not(.navbar-short) .navbar-collapse {
  263.    max-height: calc(98.5vh - 3rem);
  264.  }
  265. }
  266. .cid-u4co0TVqtK  .navbar.collapsed .dropdown-menu .dropdown-submenu {
  267.  left: 0 !important;
  268. }
  269. .cid-u4co0TVqtK  .navbar.collapsed .dropdown-menu .dropdown-item:after {
  270.  right: auto;
  271. }
  272. .cid-u4co0TVqtK  .navbar.collapsed .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
  273.  margin-left: 0.5rem;
  274.  margin-top: 0.2rem;
  275.  border-top: 0.35em solid;
  276.  border-right: 0.35em solid transparent;
  277.  border-left: 0.35em solid transparent;
  278.  border-bottom: 0;
  279.  top: 41%;
  280. }
  281. .cid-u4co0TVqtK  .navbar.collapsed ul.navbar-nav li {
  282.  margin: auto;
  283. }
  284. .cid-u4co0TVqtK  .navbar.collapsed .dropdown-menu .dropdown-item {
  285.  padding: 0.25rem 1.5rem;
  286.  text-align: center;
  287. }
  288. .cid-u4co0TVqtK  .navbar.collapsed .icons-menu {
  289.  padding-left: 0;
  290.  padding-right: 0;
  291.  padding-top: 0.5rem;
  292.  padding-bottom: 0.5rem;
  293. }
  294. @media (max-width: 767px) {
  295.  .cid-u4co0TVqtK  .navbar {
  296.    min-height: 72px;
  297.  }
  298.  .cid-u4co0TVqtK  .navbar .navbar-logo img {
  299.    height: 2.5rem !important;
  300.    min-width: 2.5rem !important;
  301.  }
  302. }
  303. @media (max-width: 991px) {
  304.  .cid-u4co0TVqtK  .navbar .nav-item .nav-link::before {
  305.    display: none;
  306.  }
  307.  .cid-u4co0TVqtK  .navbar.opened .dropdown-menu {
  308.    top: 0;
  309.  }
  310.  .cid-u4co0TVqtK  .navbar .dropdown-menu .dropdown-submenu {
  311.    left: 0 !important;
  312.  }
  313.  .cid-u4co0TVqtK  .navbar .dropdown-menu .dropdown-item:after {
  314.    right: auto;
  315.  }
  316.  .cid-u4co0TVqtK  .navbar .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
  317.    margin-left: 0.5rem;
  318.    margin-top: 0.2rem;
  319.    border-top: 0.35em solid;
  320.    border-right: 0.35em solid transparent;
  321.    border-left: 0.35em solid transparent;
  322.    border-bottom: 0;
  323.    top: 40%;
  324.  }
  325.  .cid-u4co0TVqtK  .navbar .dropdown-menu .dropdown-item {
  326.    padding: 0.25rem 1.5rem !important;
  327.    text-align: center;
  328.  }
  329.  .cid-u4co0TVqtK  .navbar .navbar-brand {
  330.    flex-shrink: initial;
  331.    flex-basis: auto;
  332.    word-break: break-word;
  333.    padding-right: 10px;
  334.  }
  335.  .cid-u4co0TVqtK  .navbar .navbar-toggler {
  336.    flex-basis: auto;
  337.  }
  338.  .cid-u4co0TVqtK  .navbar .icons-menu {
  339.    padding-left: 0;
  340.    padding-top: 0.5rem;
  341.    padding-bottom: 0.5rem;
  342.  }
  343. }
  344. .cid-u4co0TVqtK  .navbar.navbar-short .navbar-logo img {
  345.  height: 2rem;
  346. }
  347. .cid-u4co0TVqtK  .dropdown-item.active,
  348. .cid-u4co0TVqtK  .dropdown-item:active {
  349.  background-color: transparent;
  350. }
  351. .cid-u4co0TVqtK  .navbar-expand-lg .navbar-nav .nav-link {
  352.  padding: 0;
  353. }
  354. .cid-u4co0TVqtK  .nav-dropdown .link.dropdown-toggle {
  355.  margin-right: 1.667em;
  356. }
  357. .cid-u4co0TVqtK  .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] {
  358.  margin-right: 0;
  359.  padding: 0.667em 1.667em;
  360. }
  361. .cid-u4co0TVqtK  .navbar.navbar-expand-lg .dropdown .dropdown-menu {
  362.  background: #ffffff;
  363. }
  364. .cid-u4co0TVqtK  .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu {
  365.  margin: 0;
  366.  left: 105%;
  367.  transform: none;
  368.  top: -12px;
  369. }
  370. .cid-u4co0TVqtK  .navbar .dropdown.open > .dropdown-menu {
  371.  display: flex;
  372. }
  373. .cid-u4co0TVqtK  ul.navbar-nav {
  374.  flex-wrap: wrap;
  375. }
  376. .cid-u4co0TVqtK  .navbar-buttons {
  377.  text-align: center;
  378.  min-width: 140px;
  379. }
  380. @media (max-width: 992px) {
  381.  .cid-u4co0TVqtK  .navbar-buttons {
  382.    text-align: left;
  383.  }
  384. }
  385. .cid-u4co0TVqtK  button.navbar-toggler {
  386.  outline: none;
  387.  width: 31px;
  388.  height: 20px;
  389.  cursor: pointer;
  390.  transition: all 0.2s;
  391.  position: relative;
  392.  align-self: center;
  393. }
  394. .cid-u4co0TVqtK  button.navbar-toggler .hamburger span {
  395.  position: absolute;
  396.  right: 0;
  397.  width: 30px;
  398.  height: 2px;
  399.  border-right: 5px;
  400.  background-color: #000000;
  401. }
  402. .cid-u4co0TVqtK  button.navbar-toggler .hamburger span:nth-child(1) {
  403.  top: 0;
  404.  transition: all 0.2s;
  405. }
  406. .cid-u4co0TVqtK  button.navbar-toggler .hamburger span:nth-child(2) {
  407.  top: 8px;
  408.  transition: all 0.15s;
  409. }
  410. .cid-u4co0TVqtK  button.navbar-toggler .hamburger span:nth-child(3) {
  411.  top: 8px;
  412.  transition: all 0.15s;
  413. }
  414. .cid-u4co0TVqtK  button.navbar-toggler .hamburger span:nth-child(4) {
  415.  top: 16px;
  416.  transition: all 0.2s;
  417. }
  418. .cid-u4co0TVqtK  nav.opened .hamburger span:nth-child(1) {
  419.  top: 8px;
  420.  width: 0;
  421.  opacity: 0;
  422.  right: 50%;
  423.  transition: all 0.2s;
  424. }
  425. .cid-u4co0TVqtK  nav.opened .hamburger span:nth-child(2) {
  426.  transform: rotate(45deg);
  427.  transition: all 0.25s;
  428. }
  429. .cid-u4co0TVqtK  nav.opened .hamburger span:nth-child(3) {
  430.  transform: rotate(-45deg);
  431.  transition: all 0.25s;
  432. }
  433. .cid-u4co0TVqtK  nav.opened .hamburger span:nth-child(4) {
  434.  top: 8px;
  435.  width: 0;
  436.  opacity: 0;
  437.  right: 50%;
  438.  transition: all 0.2s;
  439. }
  440. .cid-u4co0TVqtK  .navbar-dropdown {
  441.  padding: 0 1rem;
  442. }
  443. .cid-u4co0TVqtK  a.nav-link {
  444.  display: flex;
  445.  align-items: center;
  446.  justify-content: center;
  447. }
  448. .cid-u4co0TVqtK  .icons-menu {
  449.  flex-wrap: nowrap;
  450.  display: flex;
  451.  justify-content: center;
  452.  padding-left: 1rem;
  453.  padding-right: 1rem;
  454.  padding-top: 0.3rem;
  455.  text-align: center;
  456. }
  457. @media (max-width: 992px) {
  458.  .cid-u4co0TVqtK  .icons-menu {
  459.    justify-content: flex-start;
  460.    margin-bottom: 0.5rem;
  461.  }
  462. }
  463. @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  464.  .cid-u4co0TVqtK  .navbar {
  465.    height: 70px;
  466.  }
  467.  .cid-u4co0TVqtK  .navbar.opened {
  468.    height: auto;
  469.  }
  470.  .cid-u4co0TVqtK  .nav-item .nav-link:hover::before {
  471.    width: 175%;
  472.    max-width: calc(100% + 2rem);
  473.    left: -1rem;
  474.  }
  475. }
  476. .cid-u4co0TVqtK  .navbar .dropdown > .dropdown-menu {
  477.  display: none;
  478.  width: max-content;
  479.  max-width: 500px !important;
  480.  transform: translateX(-50%);
  481.  top: calc(100% + 20px);
  482.  left: 50%;
  483. }
  484. .cid-u4co0TVqtK  .navbar .dropdown > .dropdown-menu .dropdown-item {
  485.  line-height: 1 !important;
  486. }
  487. .cid-u4co0TVqtK  .navbar .dropdown > .dropdown-menu .dropdown .dropdown-item {
  488.  align-items: center;
  489.  display: flex;
  490.  height: max-content !important;
  491.  min-height: max-content !important;
  492. }
  493. .cid-u4co0TVqtK  .navbar .dropdown > .dropdown-menu .dropdown .dropdown-item::after {
  494.  display: inline-block;
  495.  position: static;
  496.  margin-left: 0.5rem;
  497.  margin-top: 0;
  498.  margin-right: 0;
  499.  margin-bottom: 0;
  500.  transition: 0.3s all;
  501.  transform: rotate(-90deg);
  502. }
  503. .cid-u4co0TVqtK  .navbar .dropdown > .dropdown-menu .dropdown.open .dropdown-item::after {
  504.  transform: rotate(0deg);
  505. }
  506. .cid-u4co0TVqtK  .mbr-section-btn {
  507.  margin: -0.6rem -0.6rem;
  508. }
  509. .cid-u4co0TVqtK  .navbar-toggler {
  510.  margin-left: 12px;
  511.  margin-right: 8px;
  512.  order: 1000;
  513. }
  514. @media (max-width: 991px) {
  515.  .cid-u4co0TVqtK  .navbar-brand {
  516.    margin-right: auto;
  517.  }
  518.  .cid-u4co0TVqtK  .navbar-collapse {
  519.    z-index: -1 !important;
  520.    position: absolute;
  521.    top: 110%;
  522.    left: 0;
  523.    width: 100%;
  524.    padding: 1rem;
  525.    border-radius: 1.5rem;
  526.    background: #ffffff;
  527.    opacity: 1;
  528.    border-color: rgba(255, 255, 255, 0.8) !important;
  529.    background: rgba(255, 255, 255, 0.8) !important;
  530.    backdrop-filter: blur(8px);
  531.  }
  532.  .cid-u4co0TVqtK  .navbar-nav .nav-item .nav-link::after {
  533.    margin-left: 10px;
  534.  }
  535.  .cid-u4co0TVqtK  .navbar-nav .dropdown-item:hover {
  536.    background-color: rgba(27, 31, 10, 0.06);
  537.  }
  538.  .cid-u4co0TVqtK  .navbar .dropdown > .dropdown-menu {
  539.    max-width: 100% !important;
  540.    transform: translateX(0);
  541.    top: 10px;
  542.    left: 0;
  543.    padding: 8px !important;
  544.    border-radius: 1rem;
  545.    background-color: rgba(27, 31, 10, 0.04) !important;
  546.  }
  547.  .cid-u4co0TVqtK  .navbar .dropdown > .dropdown-menu .dropdown-item {
  548.    padding: 8px !important;
  549.    line-height: 1 !important;
  550.    margin-bottom: 4px !important;
  551.  }
  552.  .cid-u4co0TVqtK  .navbar .dropdown > .dropdown-menu .dropdown .dropdown-item {
  553.    align-items: center;
  554.    display: flex;
  555.    height: max-content !important;
  556.    min-height: max-content !important;
  557.  }
  558.  .cid-u4co0TVqtK  .navbar .dropdown > .dropdown-menu .dropdown .dropdown-item::after {
  559.    display: inline-block;
  560.    position: static;
  561.    margin-left: 0.5rem;
  562.    margin-top: 0;
  563.    margin-right: 0;
  564.    margin-bottom: 0;
  565.    transition: 0.3s all;
  566.    transform: rotate(0deg);
  567.  }
  568.  .cid-u4co0TVqtK  .navbar .dropdown > .dropdown-menu .dropdown.open .dropdown-item::after {
  569.    transform: rotate(180deg);
  570.  }
  571.  .cid-u4co0TVqtK  .navbar .dropdown > .dropdown-menu .dropdown-submenu {
  572.    position: static;
  573.    width: 100%;
  574.    max-width: 100% !important;
  575.    transform: translateX(0) !important;
  576.    top: 0;
  577.    left: 0;
  578.    padding: 8px !important;
  579.    border-radius: 1rem;
  580.    background-color: rgba(27, 31, 10, 0.04) !important;
  581.  }
  582.  .cid-u4co0TVqtK  .navbar .dropdown.open > .dropdown-menu {
  583.    display: flex !important;
  584.    flex-direction: column;
  585.    align-items: flex-start;
  586.  }
  587. }
  588. @media (max-width: 575px) {
  589.  .cid-u4co0TVqtK  .navbar-collapse {
  590.    padding: 1rem;
  591.  }
  592. }
  593. </style>
  594.  
  595. <section class="menu menu2 cid-u4co0TVqtK" once="menu" id="menu-5-u4co0TVqtK">
  596.  <nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg">
  597.    <div class="container">
  598.      <div class="navbar-brand">
  599.        <span class="navbar-logo">
  600. <a href="https://okayhotels.com">
  601. <img src="assets/images/photo-1455587734955-081b22074882.jpeg" style="height: 4.3rem;">
  602. </a>
  603. </span>
  604. <span class="navbar-caption-wrap">
  605.          <a class="navbar-caption text-black display-4" href="https://okayhotels.com">OkayHotels</a>
  606.        </span>
  607.      </div>
  608.      <button class="navbar-toggler" type="button" data-toggle="collapse"
  609.        data-bs-toggle="collapse" data-target="#navbarSupportedContent"
  610.        data-bs-target="#navbarSupportedContent"
  611.        aria-controls="navbarNavAltMarkup" aria-expanded="false"
  612.        aria-label="Toggle navigation">
  613.        <div class="hamburger">
  614.          <span></span>
  615.          <span></span>
  616.          <span></span>
  617.          <span></span>
  618.        </div>
  619.      </button>
  620.      <div class="collapse navbar-collapse" id="navbarSupportedContent">
  621.        <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
  622.          <li class="nav-item">
  623.            <a class="nav-link link text-black display-4" href="#">Home</a>
  624.          </li>
  625.          <li class="nav-item">
  626.            <a class="nav-link link text-black display-4" href="#"
  627.              aria-expanded="false">Hotels</a>
  628.          </li>
  629.          <li class="nav-item">
  630.            <a class="nav-link link text-black display-4" href="#">Deals</a>
  631.          </li>
  632.        </ul>
  633.        <div class="navbar-buttons mbr-section-btn">
  634.          <a class="btn btn-primary display-4" href="https://okayhotels.com">Book Now</a>
  635.        </div>
  636.      </div>
  637.    </div>
  638.  </nav>
  639. </section>
  640.  
  641.    <style>
  642.  .cid-u4co0TVTnq {
  643.    display: flex;
  644.    background-image: url("assets/images/photo-1566073771259-6a8506099945.jpeg");
  645.  }
  646.  .cid-u4co0TVTnq .mbr-overlay {
  647.    background-color: #000000;
  648.    opacity: 0.5;
  649.  }
  650.  @media (min-width: 768px) {
  651.    .cid-u4co0TVTnq {
  652.      align-items: flex-end;
  653.    }
  654.    .cid-u4co0TVTnq .row {
  655.      justify-content: center;
  656.    }
  657.    .cid-u4co0TVTnq .content-wrap {
  658.      padding: 1rem 3rem;
  659.    }
  660.  }
  661.  @media (max-width: 991px) and (min-width: 768px) {
  662.    .cid-u4co0TVTnq .content-wrap {
  663.      min-width: 50%;
  664.    }
  665.  }
  666.  @media (max-width: 767px) {
  667.    .cid-u4co0TVTnq {
  668.      -webkit-align-items: center;
  669.      align-items: flex-end;
  670.    }
  671.    .cid-u4co0TVTnq .mbr-row {
  672.      -webkit-justify-content: center;
  673.      justify-content: center;
  674.    }
  675.    .cid-u4co0TVTnq .content-wrap {
  676.      width: 100%;
  677.    }
  678.  }
  679.  .cid-u4co0TVTnq .mbr-section-title,
  680.  .cid-u4co0TVTnq .mbr-section-subtitle {
  681.    text-align: center;
  682.  }
  683.  .cid-u4co0TVTnq .mbr-text,
  684.  .cid-u4co0TVTnq .mbr-section-btn {
  685.    text-align: center;
  686.  }
  687. </style>
  688. <section class="header16 cid-u4co0TVTnq mbr-fullscreen mbr-parallax-background" id="hero-17-u4co0TVTnq">
  689.  <div class="mbr-overlay" style="opacity: 0.3; background-color: rgb(0, 0, 0);"></div>
  690.  <div class="container-fluid">
  691.    <div class="row">
  692.      <div class="content-wrap col-12 col-md-10">
  693.        <h1 class="mbr-section-title mbr-fonts-style mbr-white mb-4 display-1">
  694.          <strong>Stay Chic</strong>
  695.        </h1>
  696.        <p class="mbr-fonts-style mbr-text mbr-white mb-4 display-7">Discover Your Perfect Stay in Miami&#x27;s Design District with OkayHotels.com</p>
  697.        <div class="mbr-section-btn"><a class="btn btn-white-outline display-7" href="#">Explore More</a></div>
  698.      </div>
  699.    </div>
  700.  </div>
  701. </section>
  702.    <style>
  703.  .cid-u4co0TVVvm {
  704.    padding-top: 5rem;
  705.    padding-bottom: 3rem;
  706.    background-color: #ffffff;
  707.  }
  708.  .cid-u4co0TVVvm .item-subtitle {
  709.    line-height: 1.2;
  710.    color: #000000;
  711.    text-align: center;
  712.  }
  713.  .cid-u4co0TVVvm img,
  714.  .cid-u4co0TVVvm .item-img {
  715.    width: 100%;
  716.    height: 100%;
  717.    height: 400px;
  718.    object-fit: cover;
  719.  }
  720.  .cid-u4co0TVVvm .item:focus,
  721.  .cid-u4co0TVVvm span:focus {
  722.    outline: none;
  723.  }
  724.  .cid-u4co0TVVvm .item {
  725.    margin-bottom: 2rem;
  726.  }
  727.  @media (max-width: 767px) {
  728.    .cid-u4co0TVVvm .item {
  729.      margin-bottom: 1rem;
  730.    }
  731.  }
  732.  .cid-u4co0TVVvm .item-wrapper {
  733.    position: relative;
  734.    border-radius: 4px;
  735.    display: flex;
  736.    flex-flow: column nowrap;
  737.  }
  738.  .cid-u4co0TVVvm .mbr-section-btn {
  739.    margin-top: auto !important;
  740.  }
  741.  .cid-u4co0TVVvm .mbr-section-title {
  742.    color: #000000;
  743.  }
  744.  .cid-u4co0TVVvm .mbr-text,
  745.  .cid-u4co0TVVvm .mbr-section-btn {
  746.    color: #000000;
  747.    text-align: center;
  748.  }
  749.  .cid-u4co0TVVvm .item-title {
  750.    color: #000000;
  751.  }
  752.  .cid-u4co0TVVvm .content-head {
  753.    max-width: 800px;
  754.  }
  755. </style>
  756. <section class="people03 cid-u4co0TVVvm" id="team-1-u4co0TVVvm">
  757. <div class="container-fluid">
  758. <div class="row justify-content-center">
  759. <div class="col-12 content-head">
  760. <div class="mbr-section-head mb-5">
  761. <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
  762. <strong>Meet Us</strong>
  763. </h4>
  764. </div>
  765. </div>
  766. </div>
  767. <div class="row">
  768. <div class="item features-image col-12 col-md-6 col-lg-3">
  769. <div class="item-wrapper">
  770. <div class="item-img mb-3">
  771. <img src="assets/images/photo-1456327102063-fb5054efe647.jpeg">
  772. </div>
  773. <div class="item-content align-left">
  774. <h6 class="item-subtitle mbr-fonts-style display-5">
  775. <strong>Maxwell</strong></h6>
  776. <p class="mbr-text mbr-fonts-style display-7">Chief Experience Officer</p>
  777. </div>
  778. </div>
  779. </div>
  780. <div class="item features-image col-12 col-md-6 col-lg-3">
  781. <div class="item-wrapper">
  782. <div class="item-img mb-3">
  783. <img src="assets/images/photo-1545803928-04e3f4cdd4ed.jpeg">
  784. </div>
  785. <div class="item-content align-left">
  786. <h6 class="item-subtitle mbr-fonts-style display-5">
  787. <strong>Sophia</strong></h6>
  788. <p class="mbr-text mbr-fonts-style display-7">Hospitality Guru</p>
  789. </div>
  790. </div>
  791. </div>
  792. <div class="item features-image col-12 col-md-6 col-lg-3">
  793. <div class="item-wrapper">
  794. <div class="item-img mb-3">
  795. <img src="assets/images/photo-1607556114526-058f5efdf49e.jpeg">
  796. </div>
  797. <div class="item-content align-left">
  798. <h6 class="item-subtitle mbr-fonts-style display-5">
  799. <strong>Ethan</strong></h6>
  800. <p class="mbr-text mbr-fonts-style display-7">Travel Enthusiast</p>
  801. </div>
  802. </div>
  803. </div>
  804.      <div class="item features-image col-12 col-md-6 col-lg-3">
  805.        <div class="item-wrapper">
  806.          <div class="item-img mb-3">
  807.            <img src="assets/images/photo-1633594708103-e6e41891b679.jpeg">
  808.          </div>
  809.          <div class="item-content align-left">
  810.            <h6 class="item-subtitle mbr-fonts-style display-5">
  811.              <strong>Olivia</strong>
  812.            </h6>
  813.            <p class="mbr-text mbr-fonts-style display-7">Customer Happiness Specialist</p>
  814.          </div>
  815.        </div>
  816.      </div>
  817. </div>
  818. </div>
  819. </section>
  820.    <style>
  821. .cid-u4co0TVdGh {
  822.  padding-top: 5rem;
  823.  padding-bottom: 5rem;
  824.  background-color: #ffffff;
  825. }
  826. .cid-u4co0TVdGh .mbr-fallback-image.disabled {
  827.  display: none;
  828. }
  829. .cid-u4co0TVdGh .mbr-fallback-image {
  830.  display: block;
  831.  background-size: cover;
  832.  background-position: center center;
  833.  width: 100%;
  834.  height: 100%;
  835.  position: absolute;
  836.  top: 0;
  837. }
  838. .cid-u4co0TVdGh .video-wrapper iframe {
  839.  width: 100%;
  840. }
  841. .cid-u4co0TVdGh .mbr-section-title,
  842. .cid-u4co0TVdGh .mbr-section-subtitle,
  843. .cid-u4co0TVdGh .mbr-text {
  844.  text-align: center;
  845. }
  846. </style>
  847. <section class="video04 cid-u4co0TVdGh" id="video-6-u4co0TVdGh">
  848.  <div class="container">
  849.    <div class="mbr-section-head mb-5">
  850.      <h4 class="mbr-section-title mbr-fonts-style mb-0 mt-0 display-2">
  851.        <strong>Miami Magic Awaits You</strong>
  852.      </h4>
  853.    </div>
  854.    <div class="row justify-content-center">
  855.      <div class="col-12 col-md-10 video-block">
  856.        <div class="video-wrapper">
  857.          <iframe class="mbr-embedded-video"
  858.            src="https://www.youtube.com/embed/pzgiSEGiAoI?autoplay&#x3D;1&amp;loop&#x3D;1&amp;playlist&#x3D;pzgiSEGiAoI&amp;t&#x3D;20&amp;mute&#x3D;1&amp;playsinline&#x3D;1&amp;controls&#x3D;0&amp;showinfo&#x3D;0&amp;autohide&#x3D;1&amp;allowfullscreen&#x3D;true&amp;mode&#x3D;transparent"
  859.            width="1280" height="720" frameborder="0" allowfullscreen></iframe>
  860.        </div>
  861.      </div>
  862.    </div>
  863.  </div>
  864. </section>
  865.    <style>
  866.  .cid-u4co0TWqL3 {
  867.    padding-top: 5rem;
  868.    padding-bottom: 3rem;
  869.    background-color: #ffffff;
  870.  }
  871.  .cid-u4co0TWqL3 .item-subtitle {
  872.    line-height: 1.2;
  873.    color: #000000;
  874.    text-align: center;
  875.  }
  876.  .cid-u4co0TWqL3 img,
  877.  .cid-u4co0TWqL3 .item-img {
  878.    width: 100%;
  879.    height: 100%;
  880.    height: 400px;
  881.    object-fit: cover;
  882.  }
  883.  .cid-u4co0TWqL3 .item:focus,
  884.  .cid-u4co0TWqL3 span:focus {
  885.    outline: none;
  886.  }
  887.  .cid-u4co0TWqL3 .item {
  888.    margin-bottom: 2rem;
  889.  }
  890.  @media (max-width: 767px) {
  891.    .cid-u4co0TWqL3 .item {
  892.      margin-bottom: 1rem;
  893.    }
  894.  }
  895.  .cid-u4co0TWqL3 .item-wrapper {
  896.    position: relative;
  897.    border-radius: 4px;
  898.    display: flex;
  899.    flex-flow: column nowrap;
  900.  }
  901.  .cid-u4co0TWqL3 .mbr-section-btn {
  902.    margin-top: auto !important;
  903.  }
  904.  .cid-u4co0TWqL3 .mbr-section-title {
  905.    color: #000000;
  906.  }
  907.  .cid-u4co0TWqL3 .mbr-text,
  908.  .cid-u4co0TWqL3 .mbr-section-btn {
  909.    color: #000000;
  910.    text-align: center;
  911.  }
  912.  .cid-u4co0TWqL3 .item-title {
  913.    color: #000000;
  914.  }
  915.  .cid-u4co0TWqL3 .content-head {
  916.    max-width: 800px;
  917.  }
  918. </style>
  919. <section class="people03 cid-u4co0TWqL3" id="guests-1-u4co0TWqL3">
  920. <div class="container-fluid">
  921. <div class="row justify-content-center">
  922. <div class="col-12 content-head">
  923. <div class="mbr-section-head mb-5">
  924. <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
  925. <strong>Our Guests Love Us</strong>
  926. </h4>
  927. </div>
  928. </div>
  929. </div>
  930. <div class="row">
  931. <div class="item features-image col-12 col-md-6 col-lg-3">
  932. <div class="item-wrapper">
  933. <div class="item-img mb-3">
  934. <img src="assets/images/photo-1596421250711-9ec0ef9cbba3.jpeg">
  935. </div>
  936. <div class="item-content align-left">
  937. <h6 class="item-subtitle mbr-fonts-style display-5">
  938. <strong>David Summers</strong></h6>
  939. <p class="mbr-text mbr-fonts-style display-7">Explorer Extraordinaire</p>
  940. </div>
  941. </div>
  942. </div>
  943. <div class="item features-image col-12 col-md-6 col-lg-3">
  944. <div class="item-wrapper">
  945. <div class="item-img mb-3">
  946. <img src="assets/images/photo-1525614686090-7a3108e3758e.jpeg">
  947. </div>
  948. <div class="item-content align-left">
  949. <h6 class="item-subtitle mbr-fonts-style display-5">
  950. <strong>Luna Cruz</strong></h6>
  951. <p class="mbr-text mbr-fonts-style display-7">Beach Lover</p>
  952. </div>
  953. </div>
  954. </div>
  955. <div class="item features-image col-12 col-md-6 col-lg-3">
  956. <div class="item-wrapper">
  957. <div class="item-img mb-3">
  958. <img src="assets/images/photo-1557684387-08927d28c72a.jpeg">
  959. </div>
  960. <div class="item-content align-left">
  961. <h6 class="item-subtitle mbr-fonts-style display-5">
  962. <strong>Carlos Sanchez</strong></h6>
  963. <p class="mbr-text mbr-fonts-style display-7">City Adventurer</p>
  964. </div>
  965. </div>
  966. </div>
  967.      <div class="item features-image col-12 col-md-6 col-lg-3">
  968.        <div class="item-wrapper">
  969.          <div class="item-img mb-3">
  970.            <img src="assets/images/photo-1681075401974-907cc62a4373.jpeg">
  971.          </div>
  972.          <div class="item-content align-left">
  973.            <h6 class="item-subtitle mbr-fonts-style display-5">
  974.              <strong>Isabella Stone</strong>
  975.            </h6>
  976.            <p class="mbr-text mbr-fonts-style display-7">Nightlife Connoisseur</p>
  977.          </div>
  978.        </div>
  979.      </div>
  980. </div>
  981. </div>
  982. </section>
  983.    <style>
  984.  .cid-u4co0TWC9y {
  985.  padding-top: 5rem;
  986.  padding-bottom: 3rem;
  987.  background-color: #ffffff;
  988.  }
  989.  .cid-u4co0TWC9y .item-subtitle {
  990.    line-height: 1.2;
  991.    color: #000000;
  992.  }
  993.  .cid-u4co0TWC9y img,
  994.  .cid-u4co0TWC9y .item-img {
  995.    width: 100%;
  996.    height: 100%;
  997.    height: 400px;
  998.    object-fit: cover;
  999.  }
  1000.  .cid-u4co0TWC9y .item:focus,
  1001.  .cid-u4co0TWC9y span:focus {
  1002.    outline: none;
  1003.  }
  1004.  .cid-u4co0TWC9y .item {
  1005.    margin-bottom: 2rem;
  1006.  }
  1007.  @media (max-width: 767px) {
  1008.    .cid-u4co0TWC9y .item {
  1009.      margin-bottom: 1rem;
  1010.    }
  1011.  }
  1012.  .cid-u4co0TWC9y .item-wrapper {
  1013.    position: relative;
  1014.    border-radius: 4px;
  1015.    height: 100%;
  1016.    display: flex;
  1017.    flex-flow: column nowrap;
  1018.  }
  1019.  .cid-u4co0TWC9y .item-content {
  1020.    display: flex;
  1021.    flex-direction: column;
  1022.  }
  1023.  .cid-u4co0TWC9y .item-content .item-footer {
  1024.    margin-top: auto;
  1025.  }
  1026.  .cid-u4co0TWC9y .mbr-section-title {
  1027.    color: #000000;
  1028.  }
  1029.  .cid-u4co0TWC9y .mbr-text,
  1030.  .cid-u4co0TWC9y .mbr-section-btn {
  1031.    color: #000000;
  1032.  }
  1033.  .cid-u4co0TWC9y .item-title {
  1034.    color: #000000;
  1035.  }
  1036.  .cid-u4co0TWC9y .content-head {
  1037.    max-width: 800px;
  1038.  }
  1039. </style>
  1040. <section class="features12 cid-u4co0TWC9y" id="features-12-u4co0TWC9y">
  1041. <div class="container">
  1042. <div class="row justify-content-center">
  1043. <div class="col-12 content-head">
  1044. <div class="mbr-section-head mb-5">
  1045. <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
  1046. <strong>Exclusive Offers Just For You</strong>
  1047. </h4>
  1048. </div>
  1049. </div>
  1050. </div>
  1051. <div class="row">
  1052. <div class="item features-image col-12 col-md-6 col-lg-8">
  1053. <div class="item-wrapper">
  1054. <div class="item-img mb-3 img-big">
  1055. <img src="assets/images/photo-1598598795009-f80c5072e665.jpeg">
  1056. </div>
  1057. <div class="item-content align-center">
  1058. <h6 class="item-subtitle mbr-fonts-style mb-0 display-5">
  1059. <strong>Luxury for Less</strong>
  1060. </h6>
  1061. <p class="mbr-text mbr-fonts-style mb-3 mt-3 display-7">Indulge in lavish stays without breaking the bank</p>
  1062. </div>
  1063. </div>
  1064. </div>
  1065. <div class="item features-image col-12 col-md-6 col-lg-4">
  1066. <div class="item-wrapper">
  1067. <div class="item-img mb-3">
  1068. <img src="assets/images/photo-1590447158019-883d8d5f8bc7.jpeg">
  1069. </div>
  1070. <div class="item-content align-center">
  1071. <h6 class="item-subtitle mbr-fonts-style mb-0 display-5">
  1072. <strong>Hot Deals</strong>
  1073. </h6>
  1074. <p class="mbr-text mbr-fonts-style mb-3 mt-3 display-7">Unbeatable discounts on top hotels</p>
  1075. </div>
  1076. </div>
  1077. </div>
  1078. </div>
  1079. </div>
  1080. </section>
  1081.    <style>
  1082.  .cid-u4co0TWAdk {
  1083.    padding-top: 5rem;
  1084.    padding-bottom: 5rem;
  1085.    background-color: var(--dominant-color, #260a30);
  1086.  }
  1087.  
  1088.  .cid-u4co0TWAdk input {
  1089.    padding: 1.2rem 1.5rem;
  1090.    border: none !important;
  1091.    height: 100%;
  1092.  }
  1093.  
  1094.  .cid-u4co0TWAdk input:hover {
  1095.    border: none !important;
  1096.  }
  1097.  
  1098.  .cid-u4co0TWAdk .btn {
  1099.    height: 100%;
  1100.    margin: auto;
  1101.  }
  1102.  
  1103.  @media (min-width: 992px) {
  1104.    .cid-u4co0TWAdk .text-wrapper {
  1105.      padding: 0 2rem;
  1106.    }
  1107.  }
  1108.  
  1109.  .cid-u4co0TWAdk .row {
  1110.    justify-content: center;
  1111.  }
  1112.  
  1113.  .cid-u4co0TWAdk .mbr-section-btn {
  1114.    display: flex;
  1115.    margin-bottom: 1.2rem;
  1116.    width: fit-content;
  1117.  }
  1118.  
  1119.  @media (min-width: 768px) {
  1120.    .cid-u4co0TWAdk .mbr-section-btn {
  1121.      margin-left: initial;
  1122.    }
  1123.  }
  1124.  
  1125.  .cid-u4co0TWAdk .mbr-section-btn .btn {
  1126.    width: auto;
  1127.  }
  1128.  
  1129.  @media (max-width: 991px) {
  1130.    .cid-u4co0TWAdk .image-wrapper {
  1131.      margin-bottom: 2rem;
  1132.    }
  1133.  
  1134.    .cid-u4co0TWAdk .content-wrapper {
  1135.      flex-direction: column-reverse;
  1136.    }
  1137.  }
  1138.  
  1139.  .cid-u4co0TWAdk .justify-content-center {
  1140.    align-items: center;
  1141.  }
  1142.  
  1143.  .cid-u4co0TWAdk .mbr-section-title {
  1144.    text-align: center;
  1145.    color: var(--dominant-text, #ffd7ef);
  1146.  }
  1147. </style>
  1148. <section class="header2 cid-u4co0TWAdk" id="subscription-form-1-u4co0TWAdk">
  1149.  <div class="container">
  1150.    <div class="row content-wrapper justify-content-center">
  1151.      <div class="col-lg-8 mbr-form">
  1152.        <div class="">
  1153.          <h1 class="mbr-section-title mbr-fonts-style mb-5 display-1">
  1154.            <strong>Book Your Dream Stay Now!</strong>
  1155.          </h1>
  1156.        </div>
  1157.        <div class="text-wrapper align-left" data-form-type="formoid">
  1158.          <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="">
  1159.            <div class="row">
  1160.              <div hidden="hidden" data-form-alert="" class="alert alert-success col-12">Thanks for filling out the form!</div>
  1161.              <div hidden="hidden" data-form-alert-danger="" class="alert alert-danger col-12">
  1162.                Oops...! some problem!
  1163.              </div>
  1164.            </div>
  1165.            <div class="dragArea row">
  1166.              <div data-for="email" class="col-lg-6 col-md-6 col-sm-12 form-group">
  1167.                <input type="email" name="email" placeholder="test@email.com" data-form-field="email" class="form-control display-7" value="" id="email-header02-0">
  1168.              </div>
  1169.              <div class="col-auto mbr-section-btn"><button type="submit" class="w-100 btn btn-primary display-7">Explore Now</button></div>
  1170.            </div>
  1171.          </form>
  1172.        </div>
  1173.      </div>
  1174.    </div>
  1175.  </div>
  1176. </section>
  1177.    <style>
  1178. .cid-u4co0TWK7a {
  1179.  padding-top: 6rem;
  1180.  padding-bottom: 6rem;
  1181.  background-color: #ffffff;
  1182. }
  1183. .cid-u4co0TWK7a .mbr-text {
  1184.  color: #000000;
  1185. }
  1186. .cid-u4co0TWK7a .mbr-section-subtitle {
  1187.  color: #000000;
  1188. }
  1189. .cid-u4co0TWK7a .mbr-section-title {
  1190.  color: #000000;
  1191. }
  1192. .cid-u4co0TWK7a .img-wrapper img {
  1193.  width: 120px;
  1194.  height: 120px;
  1195.  object-fit: cover;
  1196.  border-radius: 50% !important;
  1197. }
  1198. @media (min-width: 768px) and (max-width: 991px) {
  1199.  .cid-u4co0TWK7a .img-wrapper img {
  1200.    width: 120px;
  1201.    height: 120px;
  1202.  }
  1203. }
  1204. @media (max-width: 768px) {
  1205.  .cid-u4co0TWK7a .img-wrapper img {
  1206.    width: 80px;
  1207.    height: 80px;
  1208.  }
  1209. }
  1210. .cid-u4co0TWK7a .img-wrapper {
  1211.  display: flex;
  1212. }
  1213. .cid-u4co0TWK7a .card-text {
  1214.  text-align: center;
  1215. }
  1216. .cid-u4co0TWK7a .card-title,
  1217. .cid-u4co0TWK7a .img-wrapper {
  1218.  text-align: center;
  1219. }
  1220. </style>
  1221. <section class="people07 cid-u4co0TWK7a" id="testimonials-8-u4co0TWK7a">
  1222.    <div class="container">
  1223.        <div class="row justify-content-center">
  1224.            <div class="col-md-12 col-lg-8">
  1225.                <p class="card-text mbr-fonts-style display-5">
  1226.                    &quot;Unforgettable stay at OkayHotels.com! The beachfront view was breathtaking.&quot;
  1227.                </p>
  1228.                <div class="img-wrapper mt-3 justify-content-center">
  1229.                    <img src="assets/images/photo-1598992616139-5ed3d0fa4eeb.jpeg" data-slide-to="0" data-bs-slide-to="0">
  1230.                </div>
  1231.                <p class="card-title mbr-fonts-style mt-3 display-7">
  1232.                    <strong>Samantha Johnson</strong>
  1233.                </p>
  1234.            </div>
  1235.        </div>
  1236.    </div>
  1237. </section>
  1238.    <style>
  1239. .cid-u4co0TXGlH {
  1240.  overflow: hidden;
  1241.  background-image: url("assets/images/photo-1596178065887-1198b6148b2b.jpeg");
  1242. }
  1243. </style>
  1244. <section class="image02 cid-u4co0TXGlH mbr-fullscreen mbr-parallax-background" id="image-13-u4co0TXGlH">
  1245.    <div class="container">
  1246.        <div class="row"></div>
  1247.    </div>
  1248. </section>
  1249.    <style>
  1250. .cid-u4co0TXYf0 .mbr-fallback-image.disabled {
  1251.  display: none;
  1252. }
  1253. .cid-u4co0TXYf0 .mbr-fallback-image {
  1254.  display: block;
  1255.  background-size: cover;
  1256.  background-position: center center;
  1257.  width: 100%;
  1258.  height: 100%;
  1259.  position: absolute;
  1260.  top: 0;
  1261.  background: #000000;
  1262. }
  1263. </style>
  1264. <section class="header18 cid-u4co0TXYf0 mbr-fullscreen" data-bg-video="https://www.youtube.com/embed/k87qMGkN1ao?autoplay&#x3D;1&amp;loop&#x3D;1&amp;playlist&#x3D;k87qMGkN1ao&amp;t&#x3D;20&amp;mute&#x3D;1&amp;playsinline&#x3D;1&amp;controls&#x3D;0&amp;showinfo&#x3D;0&amp;autohide&#x3D;1&amp;allowfullscreen&#x3D;true&amp;mode&#x3D;transparent" id="video-5-u4co0TXYf0">
  1265.  <div class="mbr-overlay" style="opacity: 0.3; background-color: rgb(0, 0, 0);"></div>
  1266.  <div class="container-fluid">
  1267.    <div class="row">
  1268.    </div>
  1269.  </div>
  1270. </section>
  1271.    <style>
  1272.    .cid-u4co0TXn4l {
  1273.        padding-top: 5rem;
  1274.        padding-bottom: 3rem;
  1275.        background-color: #ffffff;
  1276.    }
  1277.  
  1278.    .cid-u4co0TXn4l .item-subtitle {
  1279.        line-height: 1.2;
  1280.        color: #000000;
  1281.    }
  1282.  
  1283.    .cid-u4co0TXn4l img,
  1284.    .cid-u4co0TXn4l .item-img {
  1285.        width: 100%;
  1286.        height: 100%;
  1287.        height: 300px;
  1288.        object-fit: cover;
  1289.    }
  1290.  
  1291.    .cid-u4co0TXn4l .item:focus,
  1292.    .cid-u4co0TXn4l span:focus {
  1293.        outline: none;
  1294.    }
  1295.  
  1296.    .cid-u4co0TXn4l .item {
  1297.        margin-bottom: 2rem;
  1298.    }
  1299.  
  1300.    @media (max-width: 767px) {
  1301.        .cid-u4co0TXn4l .item {
  1302.            margin-bottom: 1rem;
  1303.        }
  1304.    }
  1305.  
  1306.    .cid-u4co0TXn4l .item-wrapper {
  1307.        position: relative;
  1308.        border-radius: 4px;
  1309.        height: 100%;
  1310.        display: flex;
  1311.        flex-flow: column nowrap;
  1312.    }
  1313.  
  1314.    .cid-u4co0TXn4l .mbr-section-title {
  1315.        color: #000000;
  1316.    }
  1317.  
  1318.    .cid-u4co0TXn4l .mbr-text,
  1319.    .cid-u4co0TXn4l .mbr-section-btn {
  1320.        color: #000000;
  1321.    }
  1322.  
  1323.    .cid-u4co0TXn4l .item-title {
  1324.        color: #000000;
  1325.    }
  1326.  
  1327.    .cid-u4co0TXn4l .content-head {
  1328.        max-width: 800px;
  1329.    }
  1330. </style>
  1331. <section class="blog-2 cid-u4co0TXn4l" id="blog-2-u4co0TXn4l">
  1332.    <div class="container-fluid">
  1333.        <div class="row justify-content-center mb-5">
  1334.            <div class="col-12 content-head">
  1335.                <div class="mbr-section-head">
  1336.                    <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
  1337.                        <strong>Travel Tales &amp; Tips</strong>
  1338.                    </h4>
  1339.                </div>
  1340.            </div>
  1341.        </div>
  1342.        <div class="row">
  1343.            <div class="item features-image col-12 col-md-6 col-lg-3 active">
  1344.                <div class="item-wrapper">
  1345.                    <div class="item-img mb-3">
  1346.                        <img src="assets/images/photo-1590001155093-a3c66ab0c3ff.jpeg">
  1347.                    </div>
  1348.                    <div class="item-content align-left">
  1349.                        <h5 class="item-title mbr-fonts-style mt-0 mb-3 display-7">
  1350.                            Adventure
  1351.                        </h5>
  1352.                        <h6 class="item-subtitle mbr-fonts-style mb-3 display-5">
  1353.                            <strong>Discovering Miami&#x27;s Hidden Gems</strong>
  1354.                        </h6>
  1355.  
  1356.                        <div class="mbr-section-btn item-footer">
  1357.                            <a href="" class="btn item-btn btn-primary display-7">
  1358.                                Read
  1359.                            </a>
  1360.                        </div>
  1361.                    </div>
  1362.                </div>
  1363.            </div>
  1364.            <div class="item features-image col-12 col-md-6 col-lg-3">
  1365.                <div class="item-wrapper">
  1366.                    <div class="item-img mb-3">
  1367.                        <img src="assets/images/photo-1540541338287-41700207dee6.jpeg" data-slide-to="1" data-bs-slide-to="1">
  1368.                    </div>
  1369.                    <div class="item-content align-left">
  1370.                        <h5 class="item-title mbr-fonts-style mb-3 mt-0 display-7">
  1371.                            Luxury
  1372.                        </h5>
  1373.                        <h6 class="item-subtitle mbr-fonts-style mb-3 display-5">
  1374.                            <strong>Indulge in Miami&#x27;s Finest Spas</strong>
  1375.                        </h6>
  1376.                        <div class="mbr-section-btn item-footer">
  1377.                            <a href="" class="btn item-btn btn-primary display-7">
  1378.                                Read
  1379.                            </a>
  1380.                        </div>
  1381.                    </div>
  1382.                </div>
  1383.            </div>
  1384.            <div class="item features-image col-12 col-md-6 col-lg-3">
  1385.                <div class="item-wrapper">
  1386.                    <div class="item-img mb-3">
  1387.                        <img src="assets/images/photo-1504652517000-ae1068478c59.jpeg" data-slide-to="2" data-bs-slide-to="2">
  1388.                    </div>
  1389.                    <div class="item-content align-left">
  1390.                        <h5 class="item-title mbr-fonts-style mb-3 mt-0 display-7">
  1391.                            Foodie
  1392.                        </h5>
  1393.                        <h6 class="item-subtitle mbr-fonts-style mt-0 mb-3 display-5">
  1394.                            <strong>Savoring Miami&#x27;s Culinary Delights</strong>
  1395.                        </h6>
  1396.                        <div class="mbr-section-btn item-footer">
  1397.                            <a href="" class="btn item-btn btn-primary display-7">
  1398.                                Read
  1399.                            </a>
  1400.                        </div>
  1401.                    </div>
  1402.                </div>
  1403.            </div>
  1404.            <div class="item features-image col-12 col-md-6 col-lg-3">
  1405.                <div class="item-wrapper">
  1406.                    <div class="item-img mb-3">
  1407.                        <img src="assets/images/photo-1625244724120-1fd1d34d00f6.jpeg" data-slide-to="3" data-bs-slide-to="4">
  1408.                    </div>
  1409.                    <div class="item-content align-left">
  1410.                        <h5 class="item-title mbr-fonts-style mb-3 mt-0 display-7">
  1411.                            Nightlife
  1412.                        </h5>
  1413.                        <h6 class="item-subtitle mbr-fonts-style mt-0 mb-3 display-5">
  1414.                            <strong>
  1415.                                Dancing the Night Away in Miami
  1416.                            </strong>
  1417.                        </h6>
  1418.  
  1419.                        <div class="mbr-section-btn item-footer">
  1420.                            <a href="" class="btn item-btn btn-primary display-7">
  1421.                                Read
  1422.                            </a>
  1423.                        </div>
  1424.                    </div>
  1425.                </div>
  1426.            </div>
  1427.        </div>
  1428.    </div>
  1429. </section>
  1430.    <style>
  1431.  .cid-u4co0TXeP2 {
  1432.    padding-top: 6rem;
  1433.    padding-bottom: 6rem;
  1434.    background-color: #ffffff;
  1435.  }
  1436.  .cid-u4co0TXeP2 .item-subtitle {
  1437.    line-height: 1.2;
  1438.    color: #000000;
  1439.  }
  1440.  .cid-u4co0TXeP2 img,
  1441.  .cid-u4co0TXeP2 .item-img {
  1442.    width: 100%;
  1443.    height: 100%;
  1444.    height: 400px;
  1445.    object-fit: cover;
  1446.  }
  1447.  .cid-u4co0TXeP2 .item:focus,
  1448.  .cid-u4co0TXeP2 span:focus {
  1449.    outline: none;
  1450.  }
  1451.  .cid-u4co0TXeP2 .item {
  1452.    margin-bottom: 2rem;
  1453.  }
  1454.  @media (max-width: 767px) {
  1455.    .cid-u4co0TXeP2 .item {
  1456.      margin-bottom: 1rem;
  1457.    }
  1458.  }
  1459.  .cid-u4co0TXeP2 .item-wrapper {
  1460.    position: relative;
  1461.    border-radius: 4px;
  1462.    height: 100%;
  1463.    display: flex;
  1464.    flex-flow: column nowrap;
  1465.  }
  1466.  .cid-u4co0TXeP2 .mbr-section-title {
  1467.    color: #232323;
  1468.  }
  1469.  .cid-u4co0TXeP2 .mbr-text,
  1470.  .cid-u4co0TXeP2 .mbr-section-btn {
  1471.    color: #232323;
  1472.  }
  1473.  .cid-u4co0TXeP2 .item-title {
  1474.    color: #232323;
  1475.  }
  1476.  .cid-u4co0TXeP2 .content-head {
  1477.    max-width: 800px;
  1478.  }
  1479. </style>
  1480. <section class="features03 cid-u4co0TXeP2" id="news-1-u4co0TXeP2">
  1481. <div class="container-fluid">
  1482. <div class="row justify-content-center mb-5">
  1483. <div class="col-12 content-head">
  1484. <div class="mbr-section-head">
  1485. <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
  1486. <strong>Hot Deals &amp; Tips</strong>
  1487. </h4>
  1488. </div>
  1489. </div>
  1490. </div>
  1491. <div class="row">
  1492. <div class="item features-image col-12 col-md-6 col-lg-3 active">
  1493. <div class="item-wrapper">
  1494. <div class="item-img mb-3">
  1495. <img src="assets/images/photo-1517840901100-8179e982acb7.jpeg">
  1496. </div>
  1497. <div class="item-content align-left">
  1498. <h6 class="item-subtitle mbr-fonts-style mb-3 display-5">
  1499. <strong><a class="text-black fw-bold" href="#">Exclusive Offers Await!</a></strong>
  1500. </h6>
  1501. <p class="mbr-text mbr-fonts-style mb-3 display-7">Today</p>
  1502. <p class="mbr-text mbr-fonts-style mb-3 display-7">Sign up now for the best deals and travel hacks. Don&#x27;t miss out on the adventure of a lifetime!</p>
  1503. <div class="mbr-section-btn item-footer"><a href="#" class="btn item-btn btn-primary display-7">Join</a></div>
  1504. </div>
  1505. </div>
  1506. </div>
  1507. <div class="item features-image col-12 col-md-6 col-lg-3">
  1508. <div class="item-wrapper">
  1509. <div class="item-img mb-3">
  1510. <img src="assets/images/photo-1596436889106-be35e843f974.jpeg" data-slide-to="1" data-bs-slide-to="1">
  1511. </div>
  1512. <div class="item-content align-left">
  1513. <h6 class="item-subtitle mbr-fonts-style mb-3 display-5">
  1514. <strong><a class="text-black fw-bold" href="#">Travel Secrets Revealed</a></strong>
  1515. </h6>
  1516. <p class="mbr-text mbr-fonts-style mb-3 display-7">Tomorrow</p>
  1517. <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>
  1518. <div class="mbr-section-btn item-footer"><a href="#" class="btn item-btn btn-primary display-7">Join</a></div>
  1519. </div>
  1520. </div>
  1521. </div>
  1522. <div class="item features-image col-12 col-md-6 col-lg-3">
  1523. <div class="item-wrapper">
  1524. <div class="item-img mb-3">
  1525. <img src="assets/images/photo-1445019980597-93fa8acb246c.jpeg" data-slide-to="2" data-bs-slide-to="2">
  1526. </div>
  1527. <div class="item-content align-left">
  1528. <h6 class="item-subtitle mbr-fonts-style mt-0 mb-3 display-5">
  1529. <strong><a class="text-black fw-bold" href="#">Escape to Paradise</a></strong>
  1530. </h6>
  1531. <p class="mbr-text mbr-fonts-style mb-3 display-7">Next Week</p>
  1532. <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>
  1533. <div class="mbr-section-btn item-footer"><a href="#" class="btn item-btn btn-primary display-7">Join</a></div>
  1534. </div>
  1535. </div>
  1536. </div>
  1537. <div class="item features-image col-12 col-md-6 col-lg-3">
  1538. <div class="item-wrapper">
  1539. <div class="item-img mb-3">
  1540. <img src="assets/images/photo-1600011689032-8b628b8a8747.jpeg" data-slide-to="3" data-bs-slide-to="3">
  1541. </div>
  1542. <div class="item-content align-left">
  1543. <h6 class="item-subtitle mbr-fonts-style mt-0 mb-3 display-5">
  1544. <strong><a class="text-black fw-bold" href="#">Adventure Awaits You</a></strong>
  1545. </h6>
  1546. <p class="mbr-text mbr-fonts-style mb-3 display-7">Next Month</p>
  1547. <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>
  1548. <div class="mbr-section-btn item-footer"><a href="#" class="btn item-btn btn-primary display-7">Join</a></div>
  1549. </div>
  1550. </div>
  1551. </div>
  1552. </div>
  1553. </div>
  1554. </section>
  1555.    <style>
  1556. .cid-u4co0TXSoc {
  1557.  padding-top: 6rem;
  1558.  padding-bottom: 6rem;
  1559.  background-color: #ffffff;
  1560. }
  1561. .cid-u4co0TXSoc .item:focus,
  1562. .cid-u4co0TXSoc span:focus {
  1563.  outline: none;
  1564. }
  1565. .cid-u4co0TXSoc .container-fluid {
  1566.  padding-left: 0;
  1567.  padding-right: 0;
  1568.  overflow: hidden;
  1569. }
  1570. .cid-u4co0TXSoc .content-head {
  1571.  max-width: 800px;
  1572. }
  1573. .cid-u4co0TXSoc .item {
  1574.  color: #232323;
  1575.  min-height: 90px;
  1576.  font-weight: bold;
  1577. }
  1578. @media (max-width: 768px) {
  1579.  .cid-u4co0TXSoc .item {
  1580.    min-height: 45px;
  1581.  }
  1582. }
  1583. </style>
  1584. <section class="gallery10 cid-u4co0TXSoc" id="features-69-u4co0TXSoc">
  1585.  <div class="container-fluid">
  1586.      <div class="loop-container">
  1587.        <div class="item display-1" data-linewords="
  1588.          Luxury Stays for Less *
  1589.          Book Now, Thank Us Later *"
  1590.        data-direction="-1" data-speed="0.05">
  1591.        </div>
  1592.        <div class="item display-1" data-linewords="
  1593.          Luxury Stays for Less *
  1594.          Book Now, Thank Us Later *"
  1595.        data-direction="-1" data-speed="0.05">
  1596.        </div>
  1597.      </div>  
  1598.  </div>
  1599. </section>
  1600.    <style>
  1601.  .cid-u4co0TXg1l {
  1602.    padding-top: 5rem;
  1603.    padding-bottom: 5rem;
  1604.    background-color: transparent;
  1605.  }
  1606.  .cid-u4co0TXg1l .mbr-iconfont {
  1607.    font-size: 1.2rem !important;
  1608.    font-family: 'Moririse2' !important;
  1609.    color: white;
  1610.    transition: all 0.3s;
  1611.    transform: rotate(180deg);
  1612.  }
  1613.  .cid-u4co0TXg1l .panel-group {
  1614.    border: none;
  1615.  }
  1616.  .cid-u4co0TXg1l .card-header {
  1617.    padding: 1.2rem 0.5rem;
  1618.  }
  1619.  @media (max-width: 767px) {
  1620.    .cid-u4co0TXg1l .card-header {
  1621.      padding: 1rem 0rem;
  1622.    }
  1623.  }
  1624.  .cid-u4co0TXg1l .panel-body {
  1625.    padding: 0 0.5rem;
  1626.    padding-bottom: 1rem;
  1627.  }
  1628.  @media (max-width: 767px) {
  1629.    .cid-u4co0TXg1l .panel-body {
  1630.      padding: 0rem;
  1631.      padding-bottom: 1rem;
  1632.    }
  1633.  }
  1634.  .cid-u4co0TXg1l .img-col {
  1635.    padding: 0;
  1636.  }
  1637.  .cid-u4co0TXg1l .img-item {
  1638.    height: 100%;
  1639.  }
  1640.  .cid-u4co0TXg1l img {
  1641.    height: 100%;
  1642.    object-fit: cover;
  1643.  }
  1644.  .cid-u4co0TXg1l .collapsed span {
  1645.    transform: rotate(0deg);
  1646.  }
  1647.  .cid-u4co0TXg1l .panel-title {
  1648.    display: flex;
  1649.    align-items: center;
  1650.    justify-content: space-between;
  1651.  }
  1652.  .cid-u4co0TXg1l p {
  1653.    margin-bottom: 0.3rem;
  1654.  }
  1655.  .cid-u4co0TXg1l .card .card-header {
  1656.    background-color: transparent;
  1657.    margin-bottom: 0;
  1658.    border: 0;
  1659.    border-radius: 2rem;
  1660.  }
  1661.  .cid-u4co0TXg1l .card {
  1662.    background: #ffffff;
  1663.    padding: 1rem 2rem;
  1664.    border-radius: 2rem;
  1665.  }
  1666.  @media (max-width: 767px) {
  1667.    .cid-u4co0TXg1l .card {
  1668.      padding: 1.5rem;
  1669.    }
  1670.  }
  1671.  .cid-u4co0TXg1l .panel-text {
  1672.    color: #000000;
  1673.  }
  1674.  .cid-u4co0TXg1l .mbr-section-title {
  1675.    text-align: center;
  1676.    color: #000000;
  1677.  }
  1678.  .cid-u4co0TXg1l .mbr-section-subtitle {
  1679.    color: #000000;
  1680.    text-align: center;
  1681.  }
  1682.  .cid-u4co0TXg1l .panel-title-edit,
  1683.  .cid-u4co0TXg1l .mbr-iconfont {
  1684.    color: #000000;
  1685.  }
  1686. </style>
  1687. <section class="list1 cid-u4co0TXg1l" id="faq-1-u4co0TXg1l">
  1688. <div class="container">
  1689. <div class="row justify-content-center">
  1690. <div class="col-12 col-md-12 col-lg-10 m-auto">
  1691. <div class="content">
  1692. <div class="mbr-section-head align-left mb-5">
  1693. <h3 class="mbr-section-title mb-2 mbr-fonts-style display-2">
  1694. <strong>Got Questions? We&#x27;ve Got Answers!</strong>
  1695. </h3>
  1696. </div>
  1697. <div id="bootstrap-accordion_0" class="panel-group accordionStyles accordion" role="tablist" aria-multiselectable="true">
  1698. <div class="card mb-3">
  1699. <div class="card-header" role="tab" id="headingOne">
  1700. <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">
  1701. <h6 class="panel-title-edit mbr-semibold mbr-fonts-style mb-0 display-5">
  1702. How to Book a Room?
  1703. </h6>
  1704. <span class="sign mbr-iconfont mobi-mbri-arrow-down"></span>
  1705. </a>
  1706. </div>
  1707. <div id="collapse1_0" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_0">
  1708. <div class="panel-body">
  1709. <p class="mbr-fonts-style panel-text display-7">
  1710. Booking a room is as easy as 1-2-3! Simply select your dates, choose your preferred hotel, and complete the reservation process online.
  1711. </p>
  1712. </div>
  1713. </div>
  1714. </div>
  1715. <div class="card mb-3">
  1716. <div class="card-header" role="tab" id="headingOne">
  1717. <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">
  1718. <h6 class="panel-title-edit mbr-semibold mbr-fonts-style mb-0 display-5">
  1719. Cancellation Policy?
  1720. </h6>
  1721. <span class="sign mbr-iconfont mobi-mbri-arrow-down"></span>
  1722. </a>
  1723. </div>
  1724. <div id="collapse2_0" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_0">
  1725. <div class="panel-body">
  1726. <p class="mbr-fonts-style panel-text display-7">
  1727. Our cancellation policy varies by hotel, but rest assured, we strive to provide flexibility and peace of mind for your travel plans.
  1728. </p>
  1729. </div>
  1730. </div>
  1731. </div>
  1732. <div class="card mb-3">
  1733. <div class="card-header" role="tab" id="headingOne">
  1734. <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">
  1735. <h6 class="panel-title-edit mbr-semibold mbr-fonts-style mb-0 display-5">
  1736. Need Special Assistance?
  1737. </h6>
  1738. <span class="sign mbr-iconfont mobi-mbri-arrow-down"></span>
  1739. </a>
  1740. </div>
  1741. <div id="collapse3_0" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_0">
  1742. <div class="panel-body">
  1743. <p class="mbr-fonts-style panel-text display-7">
  1744. If you require any special assistance or have specific requests, feel free to reach out to our dedicated customer support team. We&#x27;re here to help!
  1745. </p>
  1746. </div>
  1747. </div>
  1748. </div>
  1749. <div class="card mb-3">
  1750. <div class="card-header" role="tab" id="headingOne">
  1751. <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">
  1752. <h6 class="panel-title-edit mbr-semibold mbr-fonts-style mb-0 display-5">
  1753. Payment Options Available?
  1754. </h6>
  1755. <span class="sign mbr-iconfont mobi-mbri-arrow-down"></span>
  1756. </a>
  1757. </div>
  1758. <div id="collapse4_0" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_0">
  1759. <div class="panel-body">
  1760. <p class="mbr-fonts-style panel-text display-7">
  1761. We accept all major credit cards and offer secure payment processing for your convenience. Your transactions with us are safe and hassle-free.
  1762. </p>
  1763. </div>
  1764. </div>
  1765. </div>
  1766. <div class="card mb-3">
  1767. <div class="card-header" role="tab" id="headingOne">
  1768. <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">
  1769. <h6 class="panel-title-edit mbr-semibold mbr-fonts-style mb-0 display-5">
  1770. Best Price Guarantee?
  1771. </h6>
  1772. <span class="sign mbr-iconfont mobi-mbri-arrow-down"></span>
  1773. </a>
  1774. </div>
  1775. <div id="collapse5_0" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_0">
  1776. <div class="panel-body">
  1777. <p class="mbr-fonts-style panel-text display-7">
  1778. 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&#x27;ll match it!
  1779. </p>
  1780. </div>
  1781. </div>
  1782. </div>
  1783. </div>
  1784. </div>
  1785. </div>
  1786. </div>
  1787. </div>
  1788. </section>
  1789.    <style>
  1790. .cid-u4co0TXr11 {
  1791.  padding-top: 6rem;
  1792.  padding-bottom: 6rem;
  1793.  background-color: #ffffff;
  1794. }
  1795. .cid-u4co0TXr11 .item:focus,
  1796. .cid-u4co0TXr11 span:focus {
  1797.  outline: none;
  1798. }
  1799. .cid-u4co0TXr11 .item {
  1800.  cursor: pointer;
  1801. }
  1802. .cid-u4co0TXr11 .grid-container {
  1803.  grid-row-gap: 2rem;
  1804. }
  1805. @media (max-width: 767px) {
  1806.  .cid-u4co0TXr11 .grid-container {
  1807.    grid-row-gap: 1rem;
  1808.  }
  1809. }
  1810. .cid-u4co0TXr11 .grid-container-1,
  1811. .cid-u4co0TXr11 .grid-container-2 {
  1812.  gap: 0 2rem;
  1813. }
  1814. @media (max-width: 767px) {
  1815.  .cid-u4co0TXr11 .grid-container-1,
  1816.  .cid-u4co0TXr11 .grid-container-2 {
  1817.    gap: 0 1rem;
  1818.  }
  1819. }
  1820. .cid-u4co0TXr11 .mbr-section-title {
  1821.  color: #000000;
  1822. }
  1823. .cid-u4co0TXr11 .mbr-text,
  1824. .cid-u4co0TXr11 .mbr-section-btn {
  1825.  color: #000000;
  1826. }
  1827. .cid-u4co0TXr11 .content-head {
  1828.  max-width: 800px;
  1829. }
  1830. .cid-u4co0TXr11 .container,
  1831. .cid-u4co0TXr11 .container-fluid {
  1832.  overflow: hidden;
  1833. }
  1834. .cid-u4co0TXr11 .grid-container {
  1835.  display: grid;
  1836.  transform: translate3d(-3rem, 0, 0);
  1837.  width: 115vw;
  1838.  grid-column-gap: 1rem;
  1839. }
  1840. .cid-u4co0TXr11 .grid-item {
  1841.  display: flex;
  1842.  justify-content: center;
  1843.  align-items: center;
  1844. }
  1845. .cid-u4co0TXr11 .grid-item img {
  1846.  min-width: 30vw;
  1847.  max-width: 100%;
  1848.  max-height: 100%;
  1849.  object-fit: cover;
  1850. }
  1851. @media (max-width: 767px) {
  1852.  .cid-u4co0TXr11 .grid-item img {
  1853.    min-width: 35vw;
  1854.  }
  1855. }
  1856. .cid-u4co0TXr11 .grid-container-1,
  1857. .cid-u4co0TXr11 .grid-container-2 {
  1858.  display: grid;
  1859.  grid-template-columns: repeat(4, 1fr);
  1860.  grid-auto-columns: 1fr;
  1861.  grid-auto-flow: column;
  1862. }
  1863. .cid-u4co0TXr11 .grid-container-1 {
  1864.  align-items: flex-end;
  1865. }
  1866. .cid-u4co0TXr11 .grid-container-2 {
  1867.  align-items: flex-start;
  1868. }
  1869.  
  1870. </style>
  1871. <section class="gallery4 cid-u4co0TXr11" id="gallery-12-u4co0TXr11">
  1872.  <div class="container-fluid gallery-wrapper">
  1873.    <div class="grid-container">
  1874.      <div class="grid-container-1" style="transform: translate3d(-200px, 0px, 0px);">
  1875.        <div class="grid-item">
  1876.          <img src="assets/images/photo-1573047330191-fb342b1be381.jpeg">
  1877.        </div>
  1878.        <div class="grid-item">
  1879.          <img src="assets/images/photo-1520250497591-112f2f40a3f4.jpeg">
  1880.        </div>
  1881.        <div class="grid-item">
  1882.          <img src="assets/images/photo-1625244695851-1fc873f942bc.jpeg">
  1883.        </div>
  1884.        <div class="grid-item">
  1885.          <img src="assets/images/photo-1620332372374-f108c53d2e03.jpeg">
  1886.        </div>
  1887.      </div>
  1888.      <div class="grid-container-2" style="transform: translate3d(-70px, 0px, 0px);">
  1889.        <div class="grid-item">
  1890.          <img src="assets/images/photo-1564501049412-61c2a3083791.jpeg">
  1891.        </div>
  1892.        <div class="grid-item">
  1893.          <img src="assets/images/photo-1596386461350-326ccb383e9f.jpeg">
  1894.        </div>
  1895.        <div class="grid-item">
  1896.          <img src="assets/images/photo-1542314831-068cd1dbfeeb.jpeg">
  1897.        </div>
  1898.        <div class="grid-item">
  1899.          <img src="assets/images/photo-1496417263034-38ec4f0b665a.jpeg">
  1900.        </div>
  1901.      </div>
  1902.    </div>
  1903.  </div>
  1904. </section>
  1905.    <style>
  1906.  .cid-u4co0TXNjx {
  1907.    padding-top: 5rem;
  1908.    padding-bottom: 5rem;
  1909.    background-color: #ffffff;
  1910.  }
  1911.  .cid-u4co0TXNjx .item-subtitle {
  1912.    line-height: 1.2;
  1913.    color: #000000;
  1914.  }
  1915.  .cid-u4co0TXNjx img,
  1916.  .cid-u4co0TXNjx .item-img {
  1917.    width: 100%;
  1918.  }
  1919.  .cid-u4co0TXNjx .item:focus,
  1920.  .cid-u4co0TXNjx span:focus {
  1921.    outline: none;
  1922.  }
  1923.  .cid-u4co0TXNjx .item {
  1924.    margin-bottom: 2rem;
  1925.  }
  1926.  @media (max-width: 575px) {
  1927.    .cid-u4co0TXNjx .item {
  1928.      margin-bottom: 1rem;
  1929.    }
  1930.  }
  1931.  .cid-u4co0TXNjx .item-wrapper {
  1932.    position: relative;
  1933.    border-radius: 4px;
  1934.    height: 100%;
  1935.    display: flex;
  1936.    flex-flow: column nowrap;
  1937.  }
  1938.  .cid-u4co0TXNjx .mbr-section-title {
  1939.    color: #000000;
  1940.  }
  1941.  .cid-u4co0TXNjx .mbr-text,
  1942.  .cid-u4co0TXNjx .mbr-section-btn {
  1943.    color: #000000;
  1944.  }
  1945.  .cid-u4co0TXNjx .item-title {
  1946.    color: #000000;
  1947.    text-align: center;
  1948.  }
  1949.  .cid-u4co0TXNjx .content-head {
  1950.    max-width: 800px;
  1951.  }
  1952.  .cid-u4co0TXNjx img {
  1953.    filter: grayscale(1);
  1954.  }
  1955. </style>
  1956.  
  1957.    <style>
  1958.    .cid-u4co0TXL58 {
  1959.        padding-top: 5rem;
  1960.        padding-bottom: 5rem;
  1961.        background-color: transparent;
  1962.    }
  1963.  
  1964.    .cid-u4co0TXL58 .mbr-fallback-image.disabled {
  1965.        display: none;
  1966.    }
  1967.  
  1968.    .cid-u4co0TXL58 .mbr-fallback-image {
  1969.        display: block;
  1970.        background-size: cover;
  1971.        background-position: center center;
  1972.        width: 100%;
  1973.        height: 100%;
  1974.        position: absolute;
  1975.        top: 0;
  1976.    }
  1977.  
  1978.    .cid-u4co0TXL58 .card-wrapper {
  1979.        background: #ffffff;
  1980.    }
  1981.  
  1982.    @media (max-width: 767px) {
  1983.        .cid-u4co0TXL58 .card-wrapper {
  1984.            padding: 2rem 1.5rem;
  1985.            margin-bottom: 1rem;
  1986.        }
  1987.    }
  1988.  
  1989.    @media (min-width: 768px) and (max-width: 991px) {
  1990.        .cid-u4co0TXL58 .card-wrapper {
  1991.            padding: 2.25rem;
  1992.        }
  1993.    }
  1994.  
  1995.    @media (min-width: 992px) {
  1996.        .cid-u4co0TXL58 .card-wrapper {
  1997.            padding: 4rem;
  1998.        }
  1999.    }
  2000.  
  2001.    .cid-u4co0TXL58 .mbr-text,
  2002.    .cid-u4co0TXL58 .mbr-section-btn {
  2003.        text-align: center;
  2004.    }
  2005. </style>
  2006. <section class="header14 cid-u4co0TXL58" id="call-to-action-10-u4co0TXL58">
  2007. <div class="container">
  2008. <div class="row justify-content-center">
  2009. <div class="card col-12 col-md-12 col-lg-10">
  2010. <div class="card-wrapper">
  2011. <div class="card-box align-center">
  2012. <h1 class="card-title mbr-fonts-style mb-4 display-1">
  2013. <strong>Book Your Dream Stay Today!</strong>
  2014. </h1>
  2015. <p class="mbr-text mbr-fonts-style mb-4 display-7">
  2016. Discover handpicked accommodations for a memorable Miami experience.
  2017.                        </p>
  2018. <div class="mbr-section-btn mt-4">
  2019.                            <a class="btn btn-primary display-7" href="#">
  2020.                                Explore Now
  2021.                            </a>
  2022.                        </div>
  2023. </div>
  2024. </div>
  2025. </div>
  2026. </div>
  2027. </div>
  2028. </section>
  2029.  
  2030.    <style>
  2031. .cid-u4co0TYubS {
  2032.  padding-top: 5rem;
  2033.  padding-bottom: 5rem;
  2034.  background-color: #ffffff;
  2035. }
  2036. .cid-u4co0TYubS .mbr-fallback-image.disabled {
  2037.  display: none;
  2038. }
  2039. .cid-u4co0TYubS .mbr-fallback-image {
  2040.  display: block;
  2041.  background-size: cover;
  2042.  background-position: center center;
  2043.  width: 100%;
  2044.  height: 100%;
  2045.  position: absolute;
  2046.  top: 0;
  2047. }
  2048. .cid-u4co0TYubS .bg-facebook {
  2049.  background: #1778f2;
  2050.  color: #ffffff;
  2051. }
  2052. .cid-u4co0TYubS .bg-facebook:hover {
  2053.  background: #0b60cb;
  2054. }
  2055. .cid-u4co0TYubS .bg-twitter {
  2056.  background: #1da1f2;
  2057.  color: #ffffff;
  2058. }
  2059. .cid-u4co0TYubS .bg-twitter:hover {
  2060.  background: #0c85d0;
  2061. }
  2062. .cid-u4co0TYubS .bg-instagram {
  2063.  background: #f00075;
  2064.  color: #ffffff;
  2065. }
  2066. .cid-u4co0TYubS .bg-instagram:hover {
  2067.  background: #bd005c;
  2068. }
  2069. .cid-u4co0TYubS .bg-tiktok {
  2070.  background: #000000;
  2071.  color: #ffffff;
  2072. }
  2073. .cid-u4co0TYubS .bg-tiktok:hover {
  2074.  background: #000000;
  2075. }
  2076. .cid-u4co0TYubS .iconfont-wrapper {
  2077.  display: inline-block;
  2078.  font-size: 32px;
  2079.  border-radius: 50%;
  2080.  width: 72px;
  2081.  height: 72px;
  2082.  line-height: 72px;
  2083.  text-align: center;
  2084.  transition: all 0.3s ease-in-out;
  2085. }
  2086. .cid-u4co0TYubS [class^="socicon-"]:before,
  2087. .cid-u4co0TYubS [class*=" socicon-"]:before {
  2088.  line-height: 55px;
  2089.  padding: .6rem;
  2090. }
  2091.  
  2092. </style>
  2093. <section class="social4 cid-u4co0TYubS" id="follow-us-1-u4co0TYubS">
  2094.    <div class="container">
  2095.        <div class="media-container-row">
  2096.            <div class="col-12">
  2097.                <h3 class="mbr-section-title align-center mb-5 mbr-fonts-style display-2">
  2098.                    <strong>Join Our Travel Tribe</strong>
  2099.                </h3>
  2100.                <div class="social-list align-center">
  2101.                    <a class="iconfont-wrapper bg-facebook m-2 " target="_blank" href="#">
  2102.                        <span class="socicon-facebook socicon"></span>
  2103.                    </a>
  2104.                    <a class="iconfont-wrapper bg-twitter m-2" href="#" target="_blank">
  2105.                        <span class="socicon-twitter socicon"></span>
  2106.                    </a>
  2107.                    <a class="iconfont-wrapper bg-instagram m-2" href="#" target="_blank">
  2108.                        <span class="socicon-instagram socicon"></span>
  2109.                    </a>
  2110.                    <a class="iconfont-wrapper bg-tiktok m-2" href="#" target="_blank">
  2111.                        <span class="socicon-tiktok socicon"></span>
  2112.                    </a>                  
  2113.                </div>
  2114.            </div>
  2115.        </div>
  2116.    </div>
  2117. </section>
  2118.    <style>
  2119. .cid-u4co0TYzsE {
  2120.  padding-top: 6rem;
  2121.  padding-bottom: 6rem;
  2122.  background-color: transparent;
  2123. }
  2124. .cid-u4co0TYzsE .mbr-overlay {
  2125.  background-color: #ffffff;
  2126.  opacity: 0.4;
  2127. }
  2128. .cid-u4co0TYzsE form .mbr-section-btn {
  2129.  text-align: center;
  2130.  width: 100%;
  2131. }
  2132. .cid-u4co0TYzsE form .mbr-section-btn .btn {
  2133.  display: inline-flex;
  2134. }
  2135. @media (max-width: 991px) {
  2136.  .cid-u4co0TYzsE form .mbr-section-btn .btn {
  2137.    width: 100%;
  2138.  }
  2139. }
  2140. .cid-u4co0TYzsE .content-head {
  2141.  max-width: 800px;
  2142. }
  2143.  
  2144. </style>
  2145. <section class="form5 cid-u4co0TYzsE" id="contact-form-2-u4co0TYzsE">
  2146.    <div class="container">
  2147.        <div class="row justify-content-center">
  2148.            <div class="col-12 content-head">
  2149.                <div class="mbr-section-head mb-5">
  2150.                    <h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
  2151.                        <strong>Find Your Perfect Stay</strong>
  2152.                    </h3>                    
  2153.                </div>
  2154.            </div>
  2155.        </div>
  2156.        <div class="row justify-content-center">
  2157.            <div class="col-lg-8 mx-auto mbr-form" data-form-type="formoid">
  2158.                <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="">
  2159.                    <div class="row">
  2160.                        <div hidden="hidden" data-form-alert="" class="alert alert-success col-12">Thanks for filling out the form!</div>
  2161.                        <div hidden="hidden" data-form-alert-danger="" class="alert alert-danger col-12">
  2162.                            Oops...! some problem!
  2163.                        </div>
  2164.                    </div>
  2165.                    <div class="dragArea row">
  2166.                        <div class="col-md col-sm-12 form-group mb-3" data-for="name">
  2167.                            <input type="text" name="name" placeholder="Name" data-form-field="name" class="form-control" value="" id="name-form02-0">
  2168.                        </div>
  2169.                        <div class="col-md col-sm-12 form-group mb-3" data-for="email">
  2170.                            <input type="email" name="email" placeholder="Email" data-form-field="email" class="form-control" value="" id="email-form02-0">
  2171.                        </div>
  2172.                        <div class="col-12 form-group mb-3" data-for="textarea">
  2173.                            <textarea name="textarea" placeholder="Message" data-form-field="textarea" class="form-control" id="textarea-form02-0"></textarea>
  2174.                        </div>
  2175.                        <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>
  2176.                    </div>
  2177.                </form>
  2178.            </div>
  2179.        </div>
  2180.    </div>
  2181. </section>
  2182.    <style>
  2183. .cid-u4co0TYWBZ {
  2184.  padding-top: 5rem;
  2185.  padding-bottom: 5rem;
  2186.  background-color: transparent;
  2187. }
  2188. .cid-u4co0TYWBZ .mbr-fallback-image.disabled {
  2189.  display: none;
  2190. }
  2191. .cid-u4co0TYWBZ .mbr-fallback-image {
  2192.  display: block;
  2193.  background-size: cover;
  2194.  background-position: center center;
  2195.  width: 100%;
  2196.  height: 100%;
  2197.  position: absolute;
  2198.  top: 0;
  2199. }
  2200. .cid-u4co0TYWBZ .mbr-text {
  2201.  color: #000000;
  2202. }
  2203. .cid-u4co0TYWBZ .mbr-section-subtitle {
  2204.  color: ##000000;
  2205.  text-align: left;
  2206. }
  2207. .cid-u4co0TYWBZ .main-button {
  2208.  margin-bottom: 2rem;
  2209. }
  2210. @media (max-width: 767px) {
  2211.  .cid-u4co0TYWBZ .main-button {
  2212.    margin-bottom: 2rem;
  2213.  }
  2214. }
  2215. .cid-u4co0TYWBZ .mbr-section-subtitle,
  2216. .cid-u4co0TYWBZ .main-button {
  2217.  color: #000000;
  2218. }
  2219. .cid-u4co0TYWBZ .google-map {
  2220.  height: 30rem;
  2221.  position: relative;
  2222.  border-radius: 2rem;
  2223. }
  2224. .cid-u4co0TYWBZ .google-map iframe {
  2225.  height: 100%;
  2226.  width: 100%;
  2227.  border-radius: 2rem;
  2228. }
  2229. .cid-u4co0TYWBZ .google-map [data-state-details] {
  2230.  color: #6b6763;
  2231.  height: 1.5em;
  2232.  margin-top: -0.75em;
  2233.  padding-left: 1.25rem;
  2234.  padding-right: 1.25rem;
  2235.  position: absolute;
  2236.  text-align: center;
  2237.  top: 50%;
  2238.  width: 100%;
  2239. }
  2240. .cid-u4co0TYWBZ .google-map[data-state] {
  2241.  background: #e9e5dc;
  2242. }
  2243. .cid-u4co0TYWBZ .google-map[data-state="loading"] [data-state-details] {
  2244.  display: none;
  2245. }
  2246. </style>
  2247.  
  2248. <section class="contacts03 cid-u4co0TYWBZ" id="contacts-11-u4co0TYWBZ">
  2249.  <div class="container">
  2250.    <div class="row justify-content-center">
  2251.      <div class="col-lg-4">
  2252.        <div class="col-12 col-md-12">
  2253.          <h5 class="mbr-section-title mbr-fonts-style mt-0 mb-4 display-2">
  2254.            <strong>Get in Touch</strong>
  2255.          </h5>
  2256.          <p class="mbr-section-subtitle mbr-fonts-style mt-0 mb-4 display-7">
  2257.            Phone: <a href="">123-456-7890</a>
  2258.            <br>Email: info@okayhotels.com
  2259.            <br>Address: 123 Ocean Drive, Miami, FL
  2260.            <br>Working Hours: Mon-Fri: 9am-6pm</p>
  2261.        </div>
  2262.      </div>
  2263.      <div class="col-lg-8 side-features">
  2264.        <div class="google-map">
  2265.          <iframe frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key&#x3D;AIzaSyCt1265A4qvZy9HKUeA8J15AOC4SrCyZe4&amp;q&#x3D;Miami%2C%20Florida" allowfullscreen=""></iframe>
  2266.        </div>
  2267.      </div>
  2268.    </div>
  2269.  </div>
  2270. </section>
  2271.    <style>
  2272. .cid-u4co0TYCJT {
  2273.  padding-top: 5rem;
  2274.  padding-bottom: 5rem;
  2275.  background-color: #000000;
  2276. }
  2277. .cid-u4co0TYCJT .social-row {
  2278.  display: flex;
  2279.  justify-content: center;
  2280.  align-items: center;
  2281.  flex-wrap: wrap;
  2282. }
  2283. .cid-u4co0TYCJT .social-row .soc-item {
  2284.  margin: 8px;
  2285. }
  2286. .cid-u4co0TYCJT .social-row .soc-item a:hover .mbr-iconfont,
  2287. .cid-u4co0TYCJT .social-row .soc-item a:focus .mbr-iconfont {
  2288.  background-color: #ffffff;
  2289. }
  2290. .cid-u4co0TYCJT .social-row .soc-item a .mbr-iconfont {
  2291.  width: 72px;
  2292.  height: 72px;
  2293.  display: flex;
  2294.  align-items: center;
  2295.  justify-content: center;
  2296.  border-radius: 100%;
  2297.  font-size: 32px;
  2298.  background-color: #edefeb;
  2299.  color: #000000;
  2300.  transition: all 0.3s ease-in-out;
  2301. }
  2302. .cid-u4co0TYCJT .row-links {
  2303.  width: 100%;
  2304.  justify-content: center;
  2305. }
  2306. .cid-u4co0TYCJT .header-menu {
  2307.  list-style: none;
  2308.  display: flex;
  2309.  justify-content: center;
  2310.  flex-wrap: wrap;
  2311.  padding: 0;
  2312.  margin-bottom: 0;
  2313. }
  2314. .cid-u4co0TYCJT .header-menu li {
  2315.  padding: 0 1rem 1rem 1rem;
  2316. }
  2317. .cid-u4co0TYCJT .header-menu li p {
  2318.  margin: 0;
  2319. }
  2320. .cid-u4co0TYCJT .copyright {
  2321.  margin-bottom: 0;
  2322.  color: #ffffff;
  2323.  text-align: center;
  2324. }
  2325. .cid-u4co0TYCJT .mbr-section-title {
  2326.  color: #ffffff;
  2327. }
  2328.  
  2329. </style>
  2330. <section class="footer3 cid-u4co0TYCJT" once="footers" id="footer-6-u4co0TYCJT">
  2331.    <div class="container">
  2332.        <div class="row">
  2333.            <div class="row-links">
  2334.                <ul class="header-menu">
  2335.                <li class="header-menu-item mbr-fonts-style display-5">
  2336.                    <a href="#" class="text-white">Home</a>
  2337.                  </li><li class="header-menu-item mbr-fonts-style display-5">
  2338.                    <a href="#" class="text-white">About</a>
  2339.                  </li><li class="header-menu-item mbr-fonts-style display-5">
  2340.                    <a href="#" class="text-white">Destinations</a>
  2341.                  </li><li class="header-menu-item mbr-fonts-style display-5">
  2342.                    <a href="#" class="text-white">Contact</a>
  2343.                  </li></ul>
  2344.              </div>
  2345.            <div class="col-12 mt-4">
  2346.                <p class="mbr-fonts-style copyright display-7">
  2347.                    © 2024 OkayHotels.com. Powered by <a href="https://www.peacenic.com" target="_blank">PeaceNic</a> All Rights Reserved
  2348.                </p>
  2349.            </div>
  2350.        </div>
  2351.    </div>
  2352. </section>
  2353.  
  2354. <script src="assets/parallax/jarallax.js"></script>
  2355.  <script src="assets/bootstrap/js/bootstrap.bundle.min.js"></script>
  2356.  <script src="assets/dropdown/js/navbar-dropdown.js"></script>
  2357.  <script src="assets/mbr-switch-arrow/mbr-switch-arrow.js"></script>
  2358.  <script src="assets/scrollgallery/scroll-gallery.js"></script>
  2359.  <script src="assets/smoothscroll/smooth-scroll.js"></script>
  2360.  <script src="assets/ytplayer/index.js"></script>
  2361.  <script src="assets/theme/js/script.js"></script>
  2362.  <script src="assets/formoid/formoid.min.js"></script>
  2363.  
  2364.  <script>
  2365.  
  2366.    (function(){
  2367.      var animationInput = document.createElement('input');
  2368.      animationInput.setAttribute('name', 'animation');
  2369.      animationInput.setAttribute('type', 'hidden');
  2370.      document.body.append(animationInput);
  2371.    })();
  2372.  
  2373.  </script>
  2374. </body>
  2375. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda