<!DOCTYPE html>
<html lang="en" class="no-js">

    <head>

        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="MedtransGo" />
        <meta name="keywords" content="one page template, one page, template, agency, simplicity, MedtransGo, themeforest" />
        <meta name="author" content="MedtransGo" />

        <title>Kleen</title>

        <!-- Favicon --> 
        <link rel="apple-touch-icon" sizes="180x180" href="img/icon/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="img/icon/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="img/icon/favicon-16x16.png">
        <link rel="manifest" href="img/icon/manifest.json">
        <link rel="mask-icon" href="img/icon/safari-pinned-tab.svg" color="#5bbad5">
        <link rel="shortcut icon" href="img/icon/favicon.ico">
        <meta name="msapplication-config" content="img/icon/browserconfig.xml">
        <meta name="theme-color" content="#ffffff">

        <!-- Styles -->
        <link rel="stylesheet" type="text/css" href="/hassets/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="/hassets/css/normalize.css">
        <link rel="stylesheet" type="text/css" href="/hassets/css/ionicons.min.css">
        <link rel="stylesheet" type="text/css" href="/hassets/css/owl.carousel.css">
        <link rel="stylesheet" type="text/css" href="/hassets/css/style.css">
        <!-- <link rel="stylesheet" type="text/css" href="css/rtl.css"> -->

        <script type="text/javascript" src="js/modernizr.custom.js"></script>

    </head>

    <body>

        <!-- Menu -->
        <header id="header">
            <nav class="navbar navbar-default menu-container" id="menu-container">
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <div class="logo">
                            <a href=""><img src="/hassets/img/logo.png" alt="KleenApp"></a>
                        </div>
                    </div>

                    <div class="collapse navbar-collapse" id="navbar-collapse-1">
                        <section class="section section-menu">
                            <nav class="menu menu-simplicity">
                                <ul class="menu-list">
                                    <li class="menu-item menu-item--current"><a href="#header" class="menu-link">Home</a></li>                                   
                                    <li class="menu-item"><a href="#contact" class="menu-link">Contact</a></li>
                                    <li class="menu-item"><a href="/signup" class="menu-link">Sign Up</a></li>		
                                    <li class="menu-item"><a href="/login" class="menu-link">Login</a></li>
                                </ul>
                            </nav>
                        </section>
                    </div>
                </div>
            </nav>
        </header>

        <!-- Owl Slider -->
        <section class="owl-carousel" id="owl-carousel">
            <div class="carousel">
                <div class="bg-img bg-img1"></div>
                <div class="heading-holder1">
                    <h1 class="main-heading1">KleenApp <strong><span class="color">Partners</span></strong></h1>
                    <h2 class="sub-heading1">Your <strong>integrated clean world</strong> solution.</h2>
                    <button type="button" class="heading-button">More</button>
                </div>
            </div>
           
        </section>

      
   

        <!-- Contact Us -->
        <section class="container-fluid contact" id="contact">
            <div class="container">

                <!-- Break Line -->
                <div class="break">
                    <span class="break-line break-line-left"></span>
                    <i class="ion-icons ion-email"></i>
                    <span class="break-line break-line-right"></span>
                </div>

                <div class="section-title section-title-contact-us">Contact <span>Us</span></div>

                <div class="row contact-us-wrapper">

                    <!-- Contact Form -->
                    <div class="col-xs-10 col-sm-6 col-md-6 col-lg-6 contact-us">
                        <form action="contact.php" id="contact-form" method="POST">
                            <div class="row contact-us-elements">
                                <div class="form-group">
                                    <div class="col-md-6 textfield-col textfield-col-name">
                                        <label>Your name *</label>
                                        <input type="text" class="form-control" name="name" required>
                                    </div>
                                    <div class="col-md-6 textfield-col">
                                        <label>Your email address *</label>
                                        <input type="email" class="form-control" name="email" required>
                                    </div>
                                </div>
                            </div>
                            <div class="row contact-us-elements">
                                <div class="form-group">
                                    <div class="col-md-12 textfield-col">
                                        <label>Subject *</label>
                                        <input type="text" class="form-control" name="subject">
                                    </div>
                                </div>
                            </div>
                            <div class="row contact-us-elements">
                                <div class="form-group">
                                    <div class="col-md-12 textfield-col">
                                        <label>Message *</label>
                                        <textarea rows="10" class="form-control" name="message"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="row contact-us-elements">
                                <div class="col-md-12 contact-us-btn">
                                    <input type="submit" value="Send Message" class="btn btn-primary btn-lg">
                                </div>
                            </div>
                        </form>
                        <div class="mail-response">&nbsp;</div>
                    </div>

                    <!-- Map -->
                    <div class="col-xs-10 col-sm-6 col-md-6 col-lg-6" id="map"></div>

                </div> <!-- end row -->

            </div> <!-- end container -->
        </section> <!-- end container-fluid -->

        <!-- Footer -->
        <footer class="container-fluid footer">

            <div class="footer-content">
                <h1>KleenApp | We offer what you thrive to have</h1>
                <h2>Lorem ipsom dolor vitas amour ipsom dolor</h2>
                <!-- Social Medias -->
                <div class="share">
                    <ul>
                        <li><a href="#"><i class="ion-social-facebook"></i></a></li>
                        <li><a href="#"><i class="ion-social-twitter"></i></a></li>
                        <li><a href="#"><i class="ion-social-instagram"></i></a></li>
                        <li><a href="#"><i class="ion-social-googleplus"></i></a></li>
                        <li><a href="#"><i class="ion-social-linkedin"></i></a></li>
                    </ul>
                </div>
                <div class="email">support@kleenapp.co</div>
            </div>

            <div class="copyright container">
                <h5 class="copyright-text">&copy; Copyright 2018 KleenApp</h5>
                <address>Atlanta, Georgia</address>
            </div>

        </footer> <!-- end container-fluid -->


        <!-- JavaScript -->
        <script type="text/javascript" src="/hassets/js/plugins.min.js"></script>
        <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAZU8kOyrTwTvAAgw-sYOScPefOUGIOm8o&callback="></script>
        <script type="text/javascript" src="/hassets/js/map.js"></script>
        <script type="text/javascript" src="/hassets/js/main.js"></script>

    </body>

</html>