Files
2019-05-25 23:11:05 -04:00

185 lines
8.8 KiB
PHP

<!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>