| Server IP : 82.197.83.129 / Your IP : 216.73.216.166 [ Web Server : LiteSpeed System : Linux us-bos-web1456.main-hosting.eu 4.18.0-553.40.1.lve.el8.x86_64 #1 SMP Wed Feb 12 18:54:57 UTC 2025 x86_64 User : u489457460 ( 489457460) PHP Version : 7.3.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail Domains : 2 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u489457460/domains/zolaa.com/public_html/ |
Upload File : |
<!doctype html>
<html lang="en">
<head>
<!-- Meta Data -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Zolaa</title>
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicon/fav.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon/fav.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon/fav.png">
<link rel="mask-icon" href="assets/img/favicon/fav.png" color="#5bbad5">
<!-- Dependency Styles -->
<link rel="stylesheet" href="dependencies/bootstrap/css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="dependencies/fontawesome/css/all.min.css" type="text/css">
<link rel="stylesheet" href="dependencies/swiper/css/swiper.min.css" type="text/css">
<link rel="stylesheet" href="dependencies/wow/css/animate.css" type="text/css">
<link rel="stylesheet" href="dependencies/simple-line-icons/css/simple-line-icons.css" type="text/css">
<link rel="stylesheet" href="dependencies/themify-icons/css/themify-icons.css" type="text/css">
<link rel="stylesheet" href="dependencies/components-elegant-icons/css/elegant-icons.min.css" type="text/css">
<link rel="stylesheet" href="dependencies/magnific-popup/css/magnific-popup.css" type="text/css">
<link rel="stylesheet" href="dependencies/slick-carousel/css/slick.css" type="text/css">
<!-- Site Stylesheet -->
<link rel="stylesheet" href="assets/css/app.css" type="text/css">
<!-- Google Web Fonts -->
<link
href="https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400,500,600,700,800%7CPoppins:300,400,500,600,700,800"
rel="stylesheet">
</head>
<body id="home-version-1" class="home-saas-main" data-style="default">
<a href="#main_content" data-type="section-switch" class="return-to-top">
<i class="fa fa-chevron-up"></i>
</a>
<div class="page-loader">
<div class="page-loading-wrapper">
<div class="loading loading07">
<img src="media/loader.gif" width="600">
</div>
</div>
</div>
<div id="main_content" class="main-content">
<!--=========================-->
<!--= Navbar =-->
<!--=========================-->
<header class="site-header header-sass header-transparent header-fixed" data-header-fixed="true"
data-mobile-menu-resolution="992">
<div class="container">
<div class="header-inner">
<nav id="site-navigation" class="main-nav">
<div class="site-logo">
<a href="index.html" class="logo">
<img src="assets/img/logo.png" alt="site logo" class="main-logo">
<img src="assets/img/logo.png" alt="site logo" class="logo-sticky">
</a>
</div>
<!-- /.site-logo -->
<div class="menu-wrapper main-nav-container canvas-menu-wrapper" id="mega-menu-wrap">
<div class="canvas-header">
<div class="mobile-offcanvas-logo">
<a href="index.html">
<img src="assets/img/logo.png" alt="site logo" class="logo-sticky">
</a>
</div>
<div class="close-menu" id="page-close-main-menu">
<i class="ti-close"></i>
</div>
</div>
<ul class="astriol-main-menu">
<li class="has-submenu menu-item-depth-0">
<a href="index.html">Home</a>
</li>
<li class="has-submenu menu-item-depth-0">
<a href="#">Discover</a>
<ul class="sub-menu">
<li><a href="hotel-app.html">Hotel</a></li>
<li><a href="staff-app.html">Staff Application</a></li>
<li><a href="guest-app.html">Guest Application</a></li>
</ul>
</li>
<li class="menu-item-depth-0"><a href="pricing.html">Pricing</a></li>
<li class="menu-item-depth-0"><a href="contact.html">Contact</a></li>
</ul>
</div>
<!-- /.menu-wrapper -->
<div class="nav-right">
<a href="login.html" class="nav-btn gp-btn color-two btn-circle">Login</a>
<a href="login.html" class="nav-btn gp-btn color-two btn-circle">Book a demo</a>
<div class="astriol-burger-menu" id="mobile-menu-open">
<span class="bar-one"></span>
<span class="bar-two"></span>
<span class="bar-three"></span>
</div>
</div>
</nav>
<!-- /.site-nav -->
</div>
<!-- /.header-inner -->
</div>
<!-- /.container-full -->
</header>
<!-- /.site-header -->
<!--==========================-->
<!--= Banner =-->
<!--==========================-->
<section class="banner banner-main wrapper">
<div class="container">
<div class=" row align-items-center banner-main-content-wrapper">
<div class="col-lg-6">
<div class="banner-content text-left">
<h1 class="sentence">Make your Property <br />
<div class="verticalFlip">
<span>Smarter.</span>
<span>Advanced.</span>
<span>Luxurious.</span>
<span>Automated.</span>
</div>
</h1>
<p class="description wow fadeInUp" data-wow-delay="0.3s">Advanced WhatsApp <img
src="media/whatsapp.png" width="60" alt="whats App"> bot to elevate your guest’s
experience</p>
<div class="banner-button-container">
<a href="login.html" class="gp-btn banner-btn btn-circle color-two wow flipInX"
data-wow-delay="0.5s">Book a Demo</a>
<!-- <a href="contact.html" class="gp-btn banner-btn btn-circle color-two btn-light ml-3 wow flipInX" data-wow-delay="0.5s">Discover More</a> -->
</div>
<!-- /.banner-button-container -->
</div>
<!-- /.banner-content -->
</div>
<div class="col-lg-6">
<!-- Wrapper -->
<div class="main-slide">
<!-- Images Area -->
<div class="images-area">
<img src="media/banner/slide1.png" alt="image" class="firstImage">
<img src="media/banner/slide2.png" alt="image">
<img src="media/banner/slide1.png" alt="image">
<img src="media/banner/slide2.png" alt="image">
<img src="media/banner/slide1.png" alt="image">
</div>
<!-- Buttons Area -->
<div class="buttons-area">
<div class="previous-btn">
<i class='bx bx-chevron-left'></i>
</div>
<div class="next-btn">
<i class='bx bx-chevron-right'></i>
</div>
</div>
<!-- Pagination Area -->
<div class="pagination-area">
</div>
</div>
<!-- End Wrapper -->
</div>
</div>
<!-- /.banner-main-content-wrapper -->
</div>
<!-- /.container -->
<div class="banner-main-animate">
<ul class="animate-items">
<!-- <li><img src="media/banner/main/leaf1.png" alt="leaf"></li> -->
<li><img src="media/banner/main/rabar.png" data-parallax='{"y": 200, "x": 100}' alt="leaf"></li>
<!-- <li><img src="media/banner/main/angle.png" data-parallax='{ "x": -200, "rotateZ": 360}' alt="leaf"></li> -->
<li><img src="media/banner/main/leaf3.png" data-parallax='{"y": 100, "x": 100}' alt="leaf"></li>
<!-- <li><img src="media/banner/main/dot.png" width="100" alt="leaf"></li> -->
<!-- <li><img src="media/banner/main/box.png" data-parallax='{"y": -200, "x": -100, "rotateZ": 360}' alt="leaf"></li> -->
<li class="bubble1"></li>
<li class="bubble2"></li>
<li class="bubble3"></li>
<li class="bubble4"></li>
</ul>
</div>
</section>
<!-- /.banner banner-main -->
<!--============================-->
<!--= Feature =-->
<!--============================-->
<section id="feature" class="dg-experience">
<div class="container">
<div class="section-heading style-three">
<h3 class="subtitle wow fadeInUp">Enjoy the benefits of</h3>
<h2 class="section-title wow fadeInUp" data-wow-delay="0.3s">Digital guest experiences.</h2>
<img src="media/wave-line-s.png" alt="wave line">
</div>
<!-- /.section-heading -->
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="icon-box style-five cl-five color-one wow fadeInRight" data-wow-delay="0.3s">
<div class="icon-container">
<img src="media/guest-exp.png" width="100" alt="Guest Experience">
</div>
<div class="box-content">
<h3 class="box-title">
<a href="#">Guest Experience</a>
</h3>
<p>Allow guests to pick and choose their experience creating a streamlined, personalised
experience.</p>
</div>
</div>
<!-- /.icon-box style-five -->
</div>
<!-- /.col-lg-4 col-md-6 col-sm-6 -->
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="icon-box style-five cl-five color-two wow fadeInRight" data-wow-delay="0.4s">
<div class="icon-container">
<img src="media/operational-effic.png" width="100" alt="Operational Efficiency">
</div>
<div class="box-content">
<h3 class="box-title">
<a href="#">Operational Efficiency</a>
</h3>
<p>Give your team the tools they need to improve and streamline operations.</p>
</div>
</div>
<!-- /.icon-box style-five -->
</div>
<!-- /.col-lg-4 col-md-6 col-sm-6 -->
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="icon-box style-five cl-five color-three wow fadeInRight" data-wow-delay="0.5s">
<div class="icon-container">
<img src="media/maximize-rev.png" width="100" alt="Maximise Revenue">
</div>
<div class="box-content">
<h3 class="box-title">
<a href="#">Maximise Revenue</a>
</h3>
<p>Drive additional revenue with upsells, extras, ordering services, and much more.</p>
</div>
</div>
<!-- /.icon-box style-five -->
</div>
<!-- /.col-lg-4 col-md-6 col-sm-6 -->
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="icon-box style-five cl-five color-four wow fadeInRight" data-wow-delay="0.6s">
<div class="icon-container">
<img src="media/real-time-comm.png" width="100" alt="Real-time Communication">
</div>
<div class="box-content">
<h3 class="box-title">
<a href="#">Real-time Communication</a>
</h3>
<p>Connect with your guests by using real-time communication tools.</p>
</div>
</div>
<!-- /.icon-box style-five -->
</div>
<!-- /.col-lg-4 col-md-6 col-sm-6 -->
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="icon-box style-five cl-five color-five wow fadeInRight" data-wow-delay="0.7s">
<div class="icon-container">
<img src="media/automation.png" width="100" alt="Automation">
</div>
<div class="box-content">
<h3 class="box-title">
<a href="#">Automation</a>
</h3>
<p>We automate the transactional tasks, so your team can focus on what matters most.</p>
</div>
</div>
<!-- /.icon-box style-five -->
</div>
<!-- /.col-lg-4 col-md-6 col-sm-6 -->
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="icon-box style-five cl-five color-six wow fadeInRight" data-wow-delay="0.8s">
<div class="icon-container">
<img src="media/contactless.png" width="100" alt="Contactless">
</div>
<div class="box-content">
<h3 class="box-title">
<a href="#">Contactless</a>
</h3>
<p>Create a completely contactless guest experience.</p>
</div>
</div>
<!-- /.icon-box style-five -->
</div>
<!-- /.col-lg-4 col-md-6 col-sm-6 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<!-- /#feature -->
<!--========================================-->
<!--= Feature With Content =-->
<!--========================================-->
<section class="image-content">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 order-md">
<div class="image-content-wrapper style-three">
<h3 class="subtitle-color wow fadeInUp"
style="visibility: visible; animation-name: fadeInUp;">Automation that improves </h3>
<h2 class="title wow fadeInUp">Efficiency without compromising on quality.</h2>
<p class="wow fadeInUp" data-wow-delay="0.3s">We get time consuming tasks out of the way
through smart automation, so you can focus on what truly matters – your guests.</p>
</div>
<!-- /.image-content-wrapper -->
</div>
<!-- /.col-md-6 -->
<div class="col-lg-6 text-center">
<div class="anime-image-wrapper style-two">
<img src="media/feature/efficiency.png" width="500" class="wow zoom" alt=" bot">
</div>
</div>
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
<div class="row align-items-center">
<div class="col-lg-6 text-center">
<div class="anime-image-wrapper">
<img src="media/feature/the-next-level.png" width="500px" class="wow zoom" alt=" bot">
</div>
</div>
<!-- /.col-md-6 -->
<div class="col-lg-6">
<div class="image-content-wrapper style-three">
<h3 class="subtitle-color wow fadeInUp"
style="visibility: visible; animation-name: fadeInUp;">Take guest experience to </h3>
<h2 class="title wow fadeInUp">The next level and earn more</h2>
<p class="wow fadeInUp" data-wow-delay="0.3s">Zolaa allows you to provide guests with an
unforgettable experience in turn helping you to significantly increase revenue. Our
platform provides guests with perfectly timed offers, showcasing all your services in a
personalized and simple way.</p>
</div>
<!-- /.image-content-wrapper -->
</div>
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
<div class="row align-items-center">
<div class="col-lg-6 order-md">
<div class="image-content-wrapper style-three">
<h3 class="subtitle-color wow fadeInUp"
style="visibility: visible; animation-name: fadeInUp;">Smart communication</h3>
<h2 class="title wow fadeInUp">That helps you connect</h2>
<p class="wow fadeInUp" data-wow-delay="0.3s">Zolaa enhances communication in a smart,
flexible and friendly way, making the customer experience unforgettable for your guests
and manageable for you.</p>
</div>
<!-- /.image-content-wrapper -->
</div>
<!-- /.col-md-6 -->
<div class="col-lg-6">
<div class="anime-image-wrapper style-two">
<img src="media/feature/scan-qr.png" width="550" class="wow zoom" alt=" bot">
</div>
<!-- /.anime-image-wrapper -->
</div>
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
<div class="row align-items-center">
<div class="col-lg-6">
<div class="anime-image-wrapper">
<img src="media/feature/whatsapp-bot.png" width="550px" class="wow zoom" alt=" bot">
</div>
</div>
<!-- /.col-md-6 -->
<div class="col-lg-6">
<div class="image-content-wrapper style-three">
<h3 class="subtitle-color wow fadeInUp"
style="visibility: visible; animation-name: fadeInUp;">Let your</h3>
<h2 class="title wow fadeInUp">Brand shine</h2>
<p class="wow fadeInUp" data-wow-delay="0.3s">We keep your brand front and center in all
communications throughout the guest journey to create memorable experiences, excellent
reviews and, most importantly, loyal customers.</p>
</div>
<!-- /.image-content-wrapper -->
</div>
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<!-- /.image-content -->
<!--============================-->
<!--= Feature =-->
<!--============================-->
<section id="social-feature">
<div class="container">
<div class="section-heading style-three">
<h3 class="subtitle wow fadeInUp">Make the most of</h3>
<h2 class="section-title wow fadeInUp" data-wow-delay="0.3s">Powerful, modular features.</h2>
</div>
<!-- /.section-heading -->
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="image-content-wrapper pt-0">
<ul class="listitem wow fadeInUp" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<li><i class="ei ei-icon_check"></i>Online Check In and Out</li>
<li><i class="ei ei-icon_check"></i>Guest Profile Management</li>
<li><i class="ei ei-icon_check"></i>Loyalty Management</li>
<li><i class="ei ei-icon_check"></i>Payment Processing</li>
<li><i class="ei ei-icon_check"></i>Minibar Manager</li>
<li><i class="ei ei-icon_check"></i>Upsell and Upgrade</li>
<li><i class="ei ei-icon_check"></i>Identification Upload and Verification</li>
<li><i class="ei ei-icon_check"></i>Email Campaign Builder</li>
<li><i class="ei ei-icon_check"></i>SMS and Push Notifications</li>
<li><i class="ei ei-icon_check"></i>Mobile Keys</li>
</ul>
</div>
</div>
<!-- /.col-lg-4 col-md-6 col-sm-6 -->
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="image-content-wrapper pt-0">
<ul class="listitem wow fadeInUp" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<li><i class="ei ei-icon_check"></i>Key Pick Up</li>
<li><i class="ei ei-icon_check"></i>Room Service and Hotel Ordering</li>
<li><i class="ei ei-icon_check"></i>Maintenance Management</li>
<li><i class="ei ei-icon_check"></i>Lost Property Tracking</li>
<li><i class="ei ei-icon_check"></i>Billing Management</li>
<li><i class="ei ei-icon_check"></i>Digital Property Compendium</li>
<li><i class="ei ei-icon_check"></i>Local Event Management</li>
<li><i class="ei ei-icon_check"></i>Guest Preference Management</li>
<li><i class="ei ei-icon_check"></i>Guest Interest Management</li>
<li><i class="ei ei-icon_check"></i>White-label Solutions</li>
</ul>
</div>
</div>
<!-- /.col-lg-4 col-md-6 col-sm-6 -->
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="image-content-wrapper pt-0">
<ul class="listitem wow fadeInUp" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<li><i class="ei ei-icon_check"></i>Back of House Operations App</li>
<li><i class="ei ei-icon_check"></i>Feedback and NPS Surveys</li>
<li><i class="ei ei-icon_check"></i>Digital Registration Card</li>
<li><i class="ei ei-icon_check"></i>Digital Signage</li>
<li><i class="ei ei-icon_check"></i>Incident Register</li>
<li><i class="ei ei-icon_check"></i>Housekeeping Manager</li>
<li><i class="ei ei-icon_check"></i>Kiosk Manager</li>
<li><i class="ei ei-icon_check"></i>Marketing Opt-In and GDPR Management</li>
<li><i class="ei ei-icon_check"></i>Two Way PMS Integration</li>
<li><i class="ei ei-icon_check"></i>Web-Based or Downloadable App</li>
</ul>
</div>
</div>
<!-- /.col-lg-4 col-md-6 col-sm-6 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<!-- /#feature -->
<!--=========================-->
<!--= Our expert =-->
<!--=========================-->
<section class="intro-video-two">
<div class="conatiner">
<div class="row align-items-center">
<div class="col-lg-6 our-expert-left">
<div class="popup-video-warapper-two">
<div class="intro-video-inner">
<h1 class="title wow fadeInUp text-center">
Discover the easy steps you can take today
</h1>
<div id="testim" class="testim">
<!-- <div class="testim-cover"> -->
<div class="wrap">
<span id="right-arrow" class="arrow right fa fa-chevron-right"></span>
<span id="left-arrow" class="arrow left fa fa-chevron-left "></span>
<ul id="testim-dots" class="dots">
<li class="dot active"></li><!--
-->
<li class="dot"></li><!--
-->
<li class="dot"></li><!--
-->
<li class="dot"></li><!--
-->
<li class="dot"></li>
</ul>
<div id="testim-content" class="cont">
<div class="active">
<div class="img"><img src="media/client/1.png" alt=""></div>
<h2>Danny</h2>
<p>Technology Implementation Expert</p>
</div>
<div>
<div class="img"><img src="media/client/2.png" alt=""></div>
<h2>Dee</h2>
<p>Business Growth Expert</p>
</div>
<div>
<div class="img"><img src="media/client/3.png" alt=""></div>
<h2>Rudy</h2>
<p>Small Business Growth Expert</p>
</div>
<div>
<div class="img"><img src="media/client/4.png" alt=""></div>
<h2>Prink</h2>
<p>Small Business Growth Expert</p>
</div>
<div>
<div class="img"><img src="media/blog/expert1.png" alt=""></div>
<h2>Mona</h2>
<p>Small Business Growth Expert</p>
</div>
</div>
</div>
<!-- </div> -->
</div>
</div>
<!-- /.intro-video -->
</div>
</div>
<!-- /.col-lg-6 -->
<div class="col-lg-6 our-expert-right">
<div class="video-content-wrapper-two">
<div class="our-expert-right-inn">
<div class="contact-form-wrapper pl-0">
<form action="" class="contact-form-main" data-gp-form="contact-form">
<div class="row">
<div class="col-md-6">
<input type="text" name="fname" placeholder="First Name*"
class="gp-input">
</div>
<!-- /.col-md-6-->
<div class="col-md-6">
<input type="text" name="lname" placeholder="Last Name*"
class="gp-input">
</div>
<!-- /.col-md-6-->
<div class="col-md-6">
<input type="email" name="email" placeholder="Email*" class="gp-input">
</div>
<!-- /.col-md-6 -->
<div class="col-md-6">
<input type="tel" name="phone" placeholder="Phone*" class="gp-input">
</div>
<!-- /.col-md-6 -->
<div class="col-md-12">
<input type="text" name="name" placeholder="Property Name*"
class="gp-input">
</div>
<!-- /.col-md-12 -->
<div class="col-md-12">
<textarea name="content" id="message" cols="60" rows="30"
class="gp-input gp-textarea" placeholder="Your Message"></textarea>
<button type="submit"
class="nav-btn gp-btn color-two btn-circle">Connect</button>
<div class="form-result alert">
<div class="content"></div>
</div>
<!-- /.form-result-->
</div>
</div>
<!-- /.row -->
</form>
<!-- /.contact-form-main -->
</div>
<!-- /.contact-form-wrapper -->
</div>
</div>
<!-- /.video-content-wrapper -->
</div>
<!-- /.col-lg-6 -->
</div>
<!-- /.row -->
</div>
<!-- /.popup-video-arapper -->
</section>
<!-- /our expert -->
<!--======================================-->
<!--= Countdown Creative =-->
<!--======================================-->
<div id="countdown-creative">
<div class="wave-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" class="animated-wave" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1920px" height="440px">
<title>Wave</title>
<path id="animated-wave-one" fill-rule="evenodd" fill="rgba(218, 222, 255, 0.2)"
d="M0.000,389.999 C0.000,389.999 190.914,303.146 458.265,307.140 C670.950,310.317 792.948,397.123 1071.477,417.140 C1307.537,434.105 1428.778,355.871 1615.580,349.999 C1812.762,343.803 1920.000,440.000 1920.000,440.000 L1920.000,-0.001 L0.000,-0.001 L0.000,389.999 Z" />
</svg>
<svg class="animated-wave" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1920px" height="409px">
<title>Wave</title>
<path id="animated-wave-two" fill-rule="evenodd" fill="rgba(218, 222, 255, 0.2)"
d="M0.000,292.013 C0.000,292.013 178.837,368.003 357.380,368.003 C530.704,368.003 633.144,320.000 864.908,320.000 C1103.047,320.000 1138.719,389.258 1392.681,407.140 C1531.655,416.925 1641.961,367.852 1752.927,343.711 C1848.559,322.907 1920.000,370.000 1920.000,370.000 L1920.000,-0.001 L0.000,-0.001 L0.000,292.013 Z" />
</svg>
</div>
<!-- /.wave-wrapper -->
<div class="container">
<div class="creative-countup-wrapper">
<div class="row justify-content-center">
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="fun-fact color--one wow fadeInUp" data-wow-delay="0.3s">
<div class="count-icon-container">
<i class="icon-people"></i>
<span class="circle-shape"></span>
</div>
<!-- /.icon-box -->
<h4 class="count" data-counter="200 +">200+ </h4>
<p class="count-name">Happy Hotels</p>
</div>
<!-- /.fun-fact -->
</div>
<!-- /.col-lg-3 col-md-6 col-sm-6 -->
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="fun-fact color--two wow fadeInUp" data-wow-delay="0.5s">
<div class="count-icon-container">
<i class="icon-like"></i>
<span class="circle-shape"></span>
</div>
<!-- /.icon-box -->
<h4 class="count" data-counter="44780">44780 </h4>
<p class="count-name">Happy Guests</p>
</div>
<!-- /.fun-fact -->
</div>
<!-- /.col-lg-3 col-md-6 col-sm-6 -->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="fun-fact color--three wow fadeInUp" data-wow-delay="0.7s">
<div class="count-icon-container">
<i class="icon-clock"></i>
<span class="circle-shape"></span>
</div>
<!-- /.icon-box -->
<h4 class="count" data-counter="82%">82% </h4>
<p class="count-name">Active User Engagement</p>
</div>
<!-- /.fun-fact -->
</div>
<!-- /.col-lg-3 col-md-6 col-sm-6 -->
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="fun-fact color--four wow fadeInUp" data-wow-delay="0.9s">
<div class="count-icon-container">
<i class="icon-bulb"></i>
<span class="circle-shape"></span>
</div>
<!-- /.icon-box -->
<h4 class="count" data-counter="43%">43% </h4>
<p class="count-name">Increase in Revenue</p>
</div>
<!-- /.fun-fact -->
</div>
<!-- /.col-lg-3 col-md-6 col-sm-6 -->
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="fun-fact color--four wow fadeInUp" data-wow-delay="0.9s">
<div class="count-icon-container">
<i class="icon-bulb"></i>
<span class="circle-shape"></span>
</div>
<!-- /.icon-box -->
<h4 class="count" data-counter="Tones">Tones </h4>
<p class="count-name">of Paper Save</p>
</div>
<!-- /.fun-fact -->
</div>
<!-- /.col-lg-3 col-md-6 col-sm-6 -->
</div>
<!-- /.row -->
</div>
<!-- /.creative-countup-wrapper -->
</div>
<!-- /.container -->
</div>
<!-- /#countdown -->
<!--===============================-->
<!--= Feature =-->
<!--===============================-->
<section id="social-feature">
<div class="container">
<div class="section-title-two text-center">
<h2 class="section-title wow fadeInUp mb-0">
Get Started in a Jiffy!
</h2>
<img src="media/wave-line-color.png" alt="wave line">
<!-- <p class="wow fadeInUp" data-wow-delay="0.3s">
He lost his bottle squiffy bog bleeding hunky-dory wind up morish tomfoolery spend<br> a penny hanky panky, lemon squeezy vagabond.!
</p> -->
</div>
<!-- /.section-title -->
<div class="row">
<div class="col-lg-4 col-sm-6">
<div class="social-icon-box wow fadeInRight" data-wow-delay="0.5s">
<div class="icon">
<img src="media/feature/proc-1.png" width="80" alt="Icon">
</div>
<div class="content">
<h3>Signup</h3>
<p>Register your account and get access to the Admin portal for seamless onboarding.</p>
<!-- <a href="#">Learn More <i class="ti-arrow-right"></i></a> -->
</div>
</div>
<!-- /.social-icon-box -->
</div>
<!-- /.col-lg-4 col-sm-6 -->
<div class="col-lg-4 col-sm-6">
<div class="social-icon-box wow fadeInRight" data-wow-delay="0.7s">
<div class="icon">
<img src="media/feature/proc-2.png" width="80" alt="Icon">
</div>
<div class="content">
<h3>Setup</h3>
<p>Configure your property on all the parameters along with staff onboarding.</p>
<!-- <a href="#">Learn More <i class="ti-arrow-right"></i></a> -->
</div>
</div>
<!-- /.social-icon-box -->
</div>
<!-- /.col-lg-4 col-sm-6 -->
<div class="col-lg-4 col-sm-6">
<div class="social-icon-box wow fadeInRight" data-wow-delay="0.9s">
<div class="icon">
<img src="media/feature/proc-3.png" width="80" alt="Icon">
</div>
<div class="content">
<h3>Start</h3>
<p>Go live, leverage on our advanced platform and woo your guests.</p>
<!-- <a href="#">Learn More <i class="ti-arrow-right"></i></a> -->
</div>
</div>
<!-- /.social-icon-box -->
</div>
<!-- /.col-lg-4 col-sm-6 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<!-- /#social-icon-box -->
<!-- Start Featured In-->
<section class="subscribe-area related-links pt-70 pb-70">
<div class="section-heading mb-4">
<h2 class="section-title wow fadeInUp">
Featured In
</h2>
<img src="media/wave-line-color.png" width="300" alt="wave line">
</div>
<ul>
<li>
<a href="#" class="related-link" target=""><img src="media/client/your_story.svg"></a>
</li>
<li>
<a href="#" class="related-link" target=""><img src="media/client/mint.svg"></a>
</li>
<li>
<a href="#" class="related-link" target=""><img src="media/client/tet.svg"></a>
</li>
<li>
<a href="#" class="related-link" target=""><img src="media/client/vccircle.svg"></a>
</li>
<li>
<a href="#" class="related-link" target=""><img src="media/client/business_standard.svg"></a>
</li>
</ul>
</section>
<!-- End Featured In-->
<section class="service_section get-started text-center pt-70 pb-70">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12 text-white">
<h2>Drive your Business Growth with Zolaa </h2>
<p class="text-white">We work for your success! Your passion and our team, a powerful
combination.</p>
<a href="#" class="gp-btn color-two btn-light btn-circle">Get Started</a>
</div>
</div>
</div>
</section>
<!-- Start App Download Area -->
<!--=========================-->
<!--= Footer =-->
<!--=========================-->
<footer id="footer-main" class="gp-site-footer">
<div class="container">
<div class="footer-widgets wow pixFadeUp">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="widget footer-widget widget-newsletter">
<div class="footer-logo">
<img src="assets/img/logo.png" width="200" alt="site-logo">
</div>
<p>
Feel free to get in touch<br>
with us vai email.
</p>
<form action="#" method="post" class="footer-newsletter-form wow pixFadeUp"
data-gp-form="newsletter-subscribe"
style="visibility: visible; animation-name: pixFadeUp;">
<input type="hidden" name="action" value="gp_mailchimp_subscribe">
<div class="newsletter-inner">
<input type="email" name="email" class="form-control" id="newsletter-form-email"
placeholder="Your Email" required="">
<button type="submit" name="submit" id="newsletter-submit"
class="newsletter-submit color-two gp-btn btn-circle">
<span class="btn-text">Subscribe</span>
<i class="fa fa-circle-o-notch fa-spin"></i>
</button>
</div>
<div class="form-result alert">
<div class="content"></div>
</div><!-- /.form-result-->
</form>
</div>
<!-- /.widget footer-widget -->
</div>
<!-- /.col-lg-3 col-md-6 col-sm-6 -->
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="widget footer-widget">
<h3 class="widget-title">Sitemap</h3>
<ul class="footer-menu">
<li><a href="#">Home</a>
</li>
<li><a href="#">Hotel
Platform</a></li>
<li><a href="#">Staff
Application</a></li>
<li><a href="#">Guest
Platform</a></li>
<li><a href="#">Pricing</a>
</li>
</ul>
</div>
<!-- /.widget footer-widget -->
</div>
<!-- /.col-lg-3 col-md-6 col-sm-6 -->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="widget footer-widget">
<h3 class="widget-title">Resources</h3>
<ul class="footer-menu">
<li><a href="#">Login</a>
</li>
<li><a href="#">Privacy
Policy</a></li>
<li><a href="#">Terms
and Conditions</a></li>
<li><a href="#">Cookie
policy</a></li>
<li><a href="#">Support</a>
</li>
</ul>
</div>
<!-- /.widget footer-widget -->
</div>
<!-- /.col-lg-3 col-md-6 col-sm-6 -->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="widget footer-widget">
<h3 class="widget-title">Contact Us</h3>
<ul class="footer-menu">
<li><a href="">support@zolaa.com</a>
</li>
</ul>
<div class="footer-social-wrapper text-left mt-3">
<ul class="footer-social-link">
<li><a href="https://www.facebook.com/zolaaonline" target="_blank"><i
class="fab fa-facebook-f"></i></a></li>
<li><a href="https://twitter.com/RoomsEazy" target="_blank"><i
class="fab fa-twitter"></i></a></li>
<li><a href="https://www.linkedin.com/company/zolaa/" target="_blank"><i
class="fab fa-linkedin-in"></i></a></li>
<li><a href="https://www.instagram.com/myzolaa/" target="_blank"><i
class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
<!-- /.widget footer-widget -->
</div>
<!-- /.col-lg-3 col-md-6 col-sm-6 -->
</div>
<!-- /.row -->
</div>
<!-- /.footer-nner -->
</div>
<!-- /.container -->
<div class="site-info">
<div class="container">
<div class="row align-items-center">
<div class="col-md-12 text-center">
<div class="copyright">
<p class="copyright-text">Copyright © 2024 Zolaa. All Rights Reserved</p>
</div>
</div>
<!-- /.col-md-6 -->
<!-- <div class="col-md-6">
<div class="footer-social-wrapper">
<ul class="footer-social-link">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
</div> -->
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</div>
<!-- /.site-info -->
</footer>
<!-- /#footer -->
<div class="high-lighter-overlay"></div>
</div>
<!-- /#site -->
<!-- Dependency Scripts -->
<script src="dependencies/jquery/jquery.min.js"></script>
<script src="dependencies/bootstrap/js/bootstrap.min.js"></script>
<script src="dependencies/swiper/js/swiper.min.js"></script>
<script src="dependencies/isotope-layout/isotope.pkgd.min.js"></script>
<script src="dependencies/imagesloaded/imagesloaded.pkgd.min.js"></script>
<script src="dependencies/magnific-popup/js/jquery.magnific-popup.min.js"></script>
<script src="dependencies/jquery.appear/jquery.appear.js"></script>
<script src="dependencies/wow/js/wow.min.js"></script>
<script src="assets/js/TweenMax.min.js"></script>
<script src="dependencies/countUp.js/countUp.min.js"></script>
<script src="dependencies/bodymovin/lottie.min.js"></script>
<script src="dependencies/jquery.parallax-scroll/js/jquery.parallax-scroll.js"></script>
<script src="dependencies/wavify/wavify.js"></script>
<script src="dependencies/jquery.marquee/js/jquery.marquee.js"></script>
<script src="assets/js/jarallax.min.js"></script>
<script src="dependencies/gmap3/js/gmap3.min.js"></script>
<script src="dependencies/slick-carousel/js/slick.min.js"></script>
<script src="assets/js/jquery.parallax.min.js"></script>
<!-- Site Scripts -->
<script src="assets/js/header.js"></script>
<script src="assets/js/app.js"></script>
<!-- Message Conversation JS -->
<script src="assets/js/conversation.js"></script>
<!-- Discover image slider -->
<script src="assets/js/dicover-slide.js"></script>
<!-- Counytry code -->
<script>
// Vanilla Javascript
var input = document.querySelector("#phone");
window.intlTelInput(input, ({
// options here
}));
</script>
<script>
// Vanilla Javascript
var input = document.querySelector("#phone");
window.intlTelInput(input, ({
// options here
}));
$(document).ready(function () {
$('.iti__flag-container').click(function () {
var countryCode = $('.iti__selected-flag').attr('title');
var countryCode = countryCode.replace(/[^0-9]/g, '')
$('#phone').val("");
$('#phone').val("+" + countryCode + " " + $('#phone').val());
});
});
</script>
</body>
</html>