<!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 &copy;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>