377 lines
21 KiB
PHP
377 lines
21 KiB
PHP
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<!--- Basic Page Needs -->
|
||
<meta charset="utf-8">
|
||
<title>Kleen App</title>
|
||
<meta name="description" content="">
|
||
<meta name="author" content="">
|
||
<meta name="keywords" content="">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
||
<!-- Mobile Specific Meta -->
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
<!-- Google Fonts -->
|
||
<link href="https://fonts.googleapis.com/css?family=Montserrat|Raleway:300,400,600,700" rel="stylesheet">
|
||
|
||
<!-- CSS -->
|
||
<link rel="stylesheet" href="/assets/css/animate.min.css">
|
||
<link rel="stylesheet" href="/assets/css/bootstrap.min.css">
|
||
<link rel="stylesheet" href="/assets/css/owl.carousel.min.css">
|
||
<link rel="stylesheet" href="/assets/css/owl.theme.min.css">
|
||
<link rel="stylesheet" href="/assets/css/font-awesome.min.css">
|
||
<link rel="stylesheet" href="/assets/css/default.css">
|
||
<link rel="stylesheet" href="/assets/css/typography.css">
|
||
<link rel="stylesheet" href="/assets/css/style.blue.css">
|
||
<link rel="stylesheet" href="/assets/css/responsive-blue.css">
|
||
|
||
<!-- Favicon -->
|
||
<link rel="shortcut icon" type="image/png" href="/assets/img/logo-sm.png">
|
||
|
||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||
<!--[if lt IE 9]>
|
||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
||
<script src="https://oss.maxcdn.com/libs/respond./assets/js/1.4.2/respond.min.js"></script>
|
||
<![endif]-->
|
||
</head>
|
||
<body data-spy="scroll" data-target="#scroll-menu" data-offset="120" class="blue">
|
||
<!-- Preloader Starts -->
|
||
<div class="preloader-area">
|
||
<div class="preloader-inner">
|
||
<div class="preloader">
|
||
<span></span>
|
||
<span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Preloader Ends -->
|
||
<!-- Header Area Starts -->
|
||
<header id="home">
|
||
<div class="navbar-area">
|
||
<nav class="navbar navbar-default navbar-fixed-top wow fadeInDown" data-wow-delay="0.2s" id="scroll-menu">
|
||
<div class="container">
|
||
<div class="navbar-header">
|
||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
|
||
<span class="sr-only">Toggle navigation</span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
</button>
|
||
<a class="navbar-brand" href="/"><img src="/assets/img/logo.png" alt="MobileApp"></a>
|
||
</div>
|
||
<div id="navbar" class="navbar-collapse collapse">
|
||
<ul class="nav navbar-nav navbar-right">
|
||
<li class="active"><a href="#home" class="smoothscroll">HOME</a></li>
|
||
<li><a href="#feature" class="smoothscroll">FEATURE</a></li>
|
||
<li><a href="#pricing" class="smoothscroll">PRICING</a></li>
|
||
<li><a href="#download" class="smoothscroll">DOWNLOAD</a></li>
|
||
<li><a href="#contact" class="smoothscroll">CONTACT</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
<!-- Header Area Ends -->
|
||
|
||
<!-- Hero Area Starts -->
|
||
<div class="hero-area" style="background-image: url('/assets/img/sweeping.jpg'); background-size: cover; width: : 100%; ">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xs-12 col-sm-3">
|
||
<div class="hero-caption">
|
||
<div class="hero-caption-inner">
|
||
<p class="sublead wow fadeInDown" data-wow-delay="1s">Kleen</p>
|
||
<h1 class="lead"></h1>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-sm-9">
|
||
<div class="tab-carousel-area">
|
||
<div class="tab-carousel-inner">
|
||
<div class="tab-carousel-box">
|
||
<div class="tab-carousel-caption">
|
||
<div class="app-icon"><img src="/assets/img/app-icon.png" alt="App Icon"></div>
|
||
<h2 class="caption-title">KLEEN</h2>
|
||
<p class="caption-subtitle">CLEANING APP</p>
|
||
<p class="carousel-text">On demand cleaning app for various cleaning services.</p>
|
||
<div class="store-icon">
|
||
<a href="#"><img src="/assets/img/app-store.png" alt="Apple"></a>
|
||
<a target="blank" href="https://play.google.com/store/apps/details?id=app.chiefsoft.kleenapp"><img src="/assets/img/google-store.png" alt="Google Play"></a>
|
||
</div>
|
||
</div>
|
||
<div id="tab-slide" class="owl-carousel owl-theme tab-slide wow fadeIn" data-wow-delay="0.2s">
|
||
<div class="item"><img src="/assets/img/tab-slide-1.png" alt="Tab Slide"></div>
|
||
<div class="item"><img src="/assets/img/tab-slide-2.png" alt="Tab Slide"></div>
|
||
<div class="item"><img src="/assets/img/tab-slide-3.png" alt="Tab Slide"></div>
|
||
<div class="item"><img src="/assets/img/tab-slide-4.png" alt="Tab Slide"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Hero Area Ends -->
|
||
|
||
<!-- Apps Feature Area Starts -->
|
||
<div id="feature" class="feature-area inner-padding">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xs-12">
|
||
<div class="section-title text-center wow fadeInDown">
|
||
<span>KLEENAPP</span>
|
||
<h2>Easy Cleaning App</h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xs-12 col-md-4">
|
||
<div data-value="tab-1" class="single-feature-item text-right active wow fadeInUp">
|
||
<h4>CONVENIENT</h4>
|
||
<p>Easy to use: Takes the cleaning load off your hands.</p>
|
||
</div>
|
||
<div data-value="tab-2" class="single-feature-item text-right wow fadeInUp">
|
||
<h4>ALWAYS ON</h4>
|
||
<p>Schedule pick up at the tap of finger.</p>
|
||
</div>
|
||
<div data-value="tab-3" class="single-feature-item text-right wow fadeInUp">
|
||
<h4>TIME SAVING</h4>
|
||
<p>Frees you up to do other meaningful things.</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-md-4">
|
||
<div class="single-feature-slide">
|
||
<img id="tab-1" class="tab-img active" src="/assets/img/mobile-slide-1.png" alt="Feature Slide">
|
||
<img id="tab-2" class="tab-img" src="/assets/img/mobile-slide-2.png" alt="Feature Slide">
|
||
<img id="tab-3" class="tab-img" src="/assets/img/mobile-slide-3.png" alt="Feature Slide">
|
||
<img id="tab-4" class="tab-img" src="/assets/img/mobile-slide-4.png" alt="Feature Slide">
|
||
<img id="tab-5" class="tab-img" src="/assets/img/mobile-slide-5.png" alt="Feature Slide">
|
||
<img id="tab-6" class="tab-img" src="/assets/img/mobile-slide-6.png" alt="Feature Slide">
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-md-4">
|
||
<div data-value="tab-4" class="single-feature-item wow fadeInUp">
|
||
<h4>Quality Guarantee</h4>
|
||
<p>We strive to put Quality guarantee on our work.</p>
|
||
</div>
|
||
<div data-value="tab-5" class="single-feature-item wow fadeInUp">
|
||
<h4>Pick and Delivery</h4>
|
||
<p>No driving around or waiting at laundry. We come to you..</p>
|
||
</div>
|
||
<div data-value="tab-6" class="single-feature-item wow fadeInUp">
|
||
<h4>AFFORDABLE</h4>
|
||
<p>We provide clear and affordable pricing.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Apps Feature Area Ends -->
|
||
|
||
<!-- Pricing Area Starts -->
|
||
<!--div id="pricing" class="pricing-area inner-padding bg-light">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xs-12 col-md-5">
|
||
<div class="section-title title-left wow fadeInDown">
|
||
<span class="small">GREAT PRICING PLAN</span>
|
||
<h2>Reiable best and what you need</h2>
|
||
</div>
|
||
<div class="pricing-content">
|
||
<p class="pill-title">You Are</p>
|
||
<ul class="pricing-pill wow fadeIn">
|
||
<li class="active" data-value="individual"><span>Individual</span></li>
|
||
<li data-value="company"><span>Company</span></li>
|
||
</ul>
|
||
<p class="wow fadeIn">Thus much I thought proper to tell you in relation to yourself, and to the trust I reposed in you.</p>
|
||
<p class="fade-text wow fadeIn">Have a bigger team? <a href="#">Let‘s talk</a></p>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-md-7">
|
||
<ul class="pricing-table wow slideInRight">
|
||
<li id="individual" class="active">
|
||
<h2 class="lead">Starter</h2>
|
||
<span class="price-tag">Free</span>
|
||
<h4 class="sublead">Build your schedule <br> every day</h4>
|
||
<ul class="pricing-list">
|
||
<li><p>Unlimeted events</p></li>
|
||
<li><p>Connect Dropbox & Evernote</p></li>
|
||
<li><p>Personal Assistant</p></li>
|
||
</ul>
|
||
<a href="#" class="btn btn-default btn-outline-blue">Get Started</a>
|
||
</li>
|
||
<li id="company">
|
||
<h2 class="lead">Pro</h2>
|
||
<span class="price-tag">$4.99</span>
|
||
<h4 class="sublead">Make your life <br> better</h4>
|
||
<ul class="pricing-list">
|
||
<li><p>Unlimeted events</p></li>
|
||
<li><p>Connect Dropbox & Evernote</p></li>
|
||
<li><p>Personal Assistant</p></li>
|
||
</ul>
|
||
<a href="#" class="btn btn-default btn-outline-blue">Make me a Pro</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div-->
|
||
<!-- Pricing Area Ends -->
|
||
|
||
<!-- Subscribe Area Starts -->
|
||
<div class="subscribe-area inner-padding">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xs-12 col-sm-6 col-sm-offset-3 text-center wow fadeInUp">
|
||
<h4>30000+ people now using KleenApp</h4>
|
||
<form action="#">
|
||
<p><input type="email" class="form-control form-subscribe" name="email" placeholder="Email to subscribe"></p>
|
||
<button class="btn btn-default btn-fill-blue">Subscribe</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Subscribe Area Ends -->
|
||
|
||
<!-- Download App Area Starts -->
|
||
<div id="download" class="download-area inner-padding">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xs-12">
|
||
<div class="section-title-2 wow fadeInDown">
|
||
<h2>Get KleenApp</h2>
|
||
<span>Tap . Clean . Deliver</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xs-12 text-center">
|
||
<div class="store-icon wow fadeIn">
|
||
<a href="#"><img src="/assets/img/app-store.png" alt="Apple"></a>
|
||
<a href="https://play.google.com/store/apps/details?id=app.chiefsoft.kleenapp"><img src="/assets/img/google-store.png" alt="Google Play"></a>
|
||
<!-- a href="#"><img src="/assets/img/windows-store.png" alt="Windows"></a>
|
||
<a href="#"><img src="/assets/img/amazon-store.png" alt="Amazon"></a -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xs-12">
|
||
<div class="download-app text-center wow fadeIn">
|
||
<img src="/assets/img/mobile-slide-2.png" alt="Mobile Slide">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Download App Area Ends -->
|
||
|
||
<!-- Footer Area Starts -->
|
||
<footer>
|
||
<div id="contact" class="footer-area">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xs-12">
|
||
<div class="footer-logo">
|
||
<h2>KLEEN<span class="thin">APP</span></h2>
|
||
<p>ON DEMAND CLEANING APP FOR VARIOUS CLEANING SERVICES</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xs-12 col-md-5">
|
||
<div class="footer-box">
|
||
<h2>KLEENAPP</h2>
|
||
<p>Kleenapp provides a convenient way to schedule pick up and pay for your cleaning services.
|
||
Through our network, we pick up, clean and deliver at your convenience creating extra time for you to enjoy the things that matter. </p>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-sm-1 hidden-xs hidden-sm"></div>
|
||
<div class="col-xs-12 col-sm-4 col-md-2">
|
||
<div class="footer-box">
|
||
<h4>Learn More</h4>
|
||
<ul class="footer-menu">
|
||
<li><a href="#">How it works?</a></li>
|
||
<!--li><a href="#">Meeting tools</a></li>
|
||
<li><a href="#">Live striming</a></li>
|
||
<li><a href="#">Contact method</a></li-->
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-sm-4 col-md-2">
|
||
<div class="footer-box">
|
||
<h4>About Us</h4>
|
||
<ul class="footer-menu">
|
||
<li><a href="#">About us</a></li>
|
||
<li><a href="#">Features</a></li>
|
||
<li><a href="/privacy">Privacy policy</a></li>
|
||
<li><a href="#">Terms & Conditions</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-sm-4 col-md-2">
|
||
<div class="footer-box">
|
||
<h4>Support</h4>
|
||
<ul class="footer-menu">
|
||
<li><a href="#">F.A.Q.</a></li>
|
||
<li><a href="#">Contact us</a></li>
|
||
<li><a href="#">Live chat</a></li>
|
||
<li><a href="#">Phone call</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xs-12 col-sm-5">
|
||
<div class="download-link">
|
||
<p><a href="#" class="btn btn-default btn-fill-blue">Download Now</a></p>
|
||
<span>Available in:</span>
|
||
<a href="#"><i class="fa fa-android fa-2x"></i></a>
|
||
<a href="#"><i class="fa fa-apple fa-2x"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-sm-3 hidden-xs"></div>
|
||
<div class="col-xs-12 col-sm-4">
|
||
<div class="contact-content">
|
||
<div class="vr-title-area">
|
||
<h4>Contact Us</h4>
|
||
</div>
|
||
<h3>KleenApp <span class="thin">Company</span></h3>
|
||
<p>Email :support@kleenapp.co</p>
|
||
<p>Phone : +1 404 966 6778</p>
|
||
<ul class="social-icon">
|
||
<li><a href="#" data-toggle="tooltip" data-placement="bottom" title="Facebook"><i class="fa fa-facebook"></i></a></li>
|
||
<li><a href="#" data-toggle="tooltip" data-placement="bottom" title="Twitter"><i class="fa fa-twitter"></i></a></li>
|
||
<li><a href="#" data-toggle="tooltip" data-placement="bottom" title="Behance"><i class="fa fa-behance"></i></a></li>
|
||
<li><a href="#" data-toggle="tooltip" data-placement="bottom" title="YouTube"><i class="fa fa-youtube"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="copyright-area">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xs-12 col-md-6 col-md-offset-6">
|
||
<span>Copyright ©2018. All right reserved to BJTech</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!-- Footer Area Ends -->
|
||
|
||
<!-- Scripts -->
|
||
<script src="/assets/js/jquery-1.11.3.min.js"></script>
|
||
<script src="/assets/js/wow.min.js"></script>
|
||
<script src="/assets/js/bootstrap.min.js"></script>
|
||
<script src="/assets/js/owl.carousel.min.js"></script>
|
||
<script src="/assets/js/typed.min.js"></script>
|
||
<script src="/assets/js/theme.js"></script>
|
||
|
||
</body>
|
||
</html> |