365 lines
15 KiB
PHP
365 lines
15 KiB
PHP
<?php
|
|
if($_SERVER['SSL'] != 'on')
|
|
{
|
|
header("Location: https://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]");
|
|
}
|
|
?>
|
|
|
|
<!DOCTYPE html>
|
|
<html class="no-js">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title> LifeTracker a template by Themefisher </title>
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
|
|
<link rel="icon" type="image/png" href="inc/images/favicon.png">
|
|
<!-- Fonts -->
|
|
|
|
|
|
|
|
|
|
<!-- CSS -->
|
|
|
|
<link rel="stylesheet" href="inc/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="inc/css/font-awesome.min.css">
|
|
<link rel="stylesheet" href="inc/css/owl.carousel.css">
|
|
<link rel="stylesheet" href="inc/css/owl.theme.css">
|
|
<link rel="stylesheet" href="inc/css/animate.css">
|
|
<link rel="stylesheet" href="inc/css/main.css">
|
|
<link rel="stylesheet" href="inc/css/responsive.css">
|
|
|
|
|
|
<!-- Js -->
|
|
<script src="inc/js/vendor/modernizr-2.6.2.min.js"></script>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
|
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
|
|
<script src="inc/js/bootstrap.min.js"></script>
|
|
<script src="inc/js/owl.carousel.min.js"></script>
|
|
<script src="inc/js/wow.min.js"></script>
|
|
<script src="inc/js/main.js"></script>
|
|
<script>
|
|
new WOW(
|
|
).init();
|
|
</script>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar navbar-default navbar-fixed-top">
|
|
<div class="container">
|
|
<a href="https://lipa.kvewijk.nl/manage/login" class="btn btn-primary btn-lg active pull-right" role="button">Sign in</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<header>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-6 col-sm-6">
|
|
<div class="app-showcase wow fadeInDown" data-wow-delay=".5s">
|
|
<img src="inc/images/iphone.png" alt="">
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-md-6 col-sm-6">
|
|
<div class="block wow fadeInRight" data-wow-delay="1s">
|
|
<a class="logo" href="#">
|
|
<img src="inc/images/logo.png" alt="">
|
|
</a>
|
|
<h2>Presents</br>V1.0 Alpha</h2>
|
|
<!-- <div class="download-btn">
|
|
<a href="#" class="andriod">
|
|
<img src="inc/images/andriod-button.png" alt="">
|
|
</a>
|
|
</div>
|
|
-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section id="service">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="title wow pulse" data-wow-delay=".5s">
|
|
<h2>The best firmware</h2>
|
|
<p>
|
|
Our platform is your go-to Stream-IT software
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 col-sm-4">
|
|
<div class="block wow fadeInLeft" data-wow-delay=".7s">
|
|
<img src="inc/images/calender.png" alt="">
|
|
<h3>Scheduling</h3>
|
|
<p>
|
|
LiPa Streaming supports easy scheduling through multiple user interfaces.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-4">
|
|
<div class="block wow fadeInLeft" data-wow-delay=".8s">
|
|
<img src="inc/images/clock.png" alt="">
|
|
<h3>Time Saver</h3>
|
|
<p>
|
|
Easy administration through our admin-panel. Our developers are busy right now with mobile phone apps to make life even easier.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-4">
|
|
<div class="block wow fadeInLeft" data-wow-delay="1.1s">
|
|
<img src="inc/images/user.png" alt="">
|
|
<h3>Management</h3>
|
|
<p>
|
|
The future of LiPa Streaming is a bright one. We are expanding and developing continuously.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
<section id="showcase">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="block text-center wow fadeInUp" data-wow-delay=".5s">
|
|
<img src="inc/images/showcase-img.png" alt="">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<section id="feature">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="title wow pulse" data-wow-delay=".5s">
|
|
<h2>Functionality</h2>
|
|
<p>
|
|
LiPa Streaming firmware in a nutshell
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 col-sm-6">
|
|
<div class="block">
|
|
<div class="media wow fadeInDown" data-wow-delay=".5s">
|
|
<img class="media-object pull-left" src="inc/images/item-1.png" alt="Image">
|
|
<div class="media-body">
|
|
<h4 class="media-heading">Documentation</h4>
|
|
<p>Each device is treated like an individual at LiPa Streaming. We monitor each device with care.</p>
|
|
</div>
|
|
</div>
|
|
<div class="media wow fadeInDown" data-wow-delay=".8s">
|
|
<img class="media-object pull-left" src="inc/images/item-2.png" alt="Image">
|
|
<div class="media-body">
|
|
<h4 class="media-heading">Teambuilding</h4>
|
|
<p>Our streaming service will support the option to register your favorite playlists and streams.</p>
|
|
</div>
|
|
</div>
|
|
<div class="media wow fadeInDown" data-wow-delay="1.1s">
|
|
<img class="media-object pull-left" src="inc/images/item-3.png" alt="Image">
|
|
<div class="media-body">
|
|
<h4 class="media-heading">Full control</h4>
|
|
<p>The admin panel supports quick communication with your Stream-IT device.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-6 col-sm-6">
|
|
<div class="block">
|
|
<div class="media wow fadeInDown" data-wow-delay="1.4s">
|
|
<img class="media-object pull-left" src="inc/images/item-4.png" alt="Image">
|
|
<div class="media-body">
|
|
<h4 class="media-heading">User Experience</h4>
|
|
<p>The in-app menu is designed to make life easy. Feedback is a key to easy navigation.</p>
|
|
</div>
|
|
</div>
|
|
<div class="media wow fadeInDown" data-wow-delay="1.7s">
|
|
<img class="media-object pull-left" src="inc/images/item-5.png" alt="Image">
|
|
<div class="media-body">
|
|
<h4 class="media-heading">Time Management</h4>
|
|
<p>Scheduling, waking up, falling asleep. LiPa-Streaming does it all. Life has never been so easy.</p>
|
|
</div>
|
|
</div>
|
|
<div class="media wow fadeInDown" data-wow-delay="1.9s">
|
|
<img class="media-object pull-left" src="inc/images/item-6.png" alt="Image">
|
|
<div class="media-body">
|
|
<h4 class="media-heading">Stats Overview</h4>
|
|
<p>In the future our admin panel will support a variaty of statistics. This will give you a personal overview of your LiPa experience</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section id="testimonial">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="block">
|
|
<div id="owl-example" class="owl-carousel">
|
|
<div>
|
|
<h5>
|
|
“Happy little internet streamer. Only happy little accidents were made..” <span>Bob Ross / LiPa admirer</span>
|
|
|
|
</h5>
|
|
</div>
|
|
<div>
|
|
<h5>
|
|
“Ik steel je laptop anders doet iemand anders het” <span>Paul Lindelauf</span>
|
|
|
|
</h5>
|
|
|
|
</div>
|
|
<div>
|
|
<h5>
|
|
“Echt een geweldig product! Het doet zo weinig, vernieuwend!” <span>Steve Jobs / LiPa fanboy</span>
|
|
|
|
</h5>
|
|
</div>
|
|
<div>
|
|
<h5>
|
|
“Zo incompleet en amateuristisch dat Microsoft het gemaakt zou kunnen hebben.” <span>Bill Gates / LiPa admirer</span>
|
|
|
|
</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!--
|
|
|
|
<section id="team">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="title wow pulse" data-wow-delay=".5s">
|
|
<h2>Our Happy Teams</h2>
|
|
<p>
|
|
Here is the people behind this great app
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 col-sm-4">
|
|
<div class="media wow fadeInUp" data-wow-delay=".7s">
|
|
<img class="media-object pull-left" src="images/team-1.png" alt="Image">
|
|
<div class="media-body">
|
|
<h4 class="media-heading">Matthew Graham</h4>
|
|
<p>Co-Founder / CEO</p>
|
|
<p class="social-link">
|
|
<a class="btn-facebook" href=""><i class="fa fa-facebook"></i></a>
|
|
<a class="btn-twitter" href=""><i class="fa fa-twitter"></i></a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-4">
|
|
<div class="media wow fadeInUp" data-wow-delay="1.1s">
|
|
<img class="media-object pull-left" src="images/team-2.png" alt="Image">
|
|
<div class="media-body">
|
|
<h4 class="media-heading">Jonathon Gramble</h4>
|
|
<p>Co-Founder / CEO</p>
|
|
<p class="social-link">
|
|
<a class="btn-facebook" href=""><i class="fa fa-facebook"></i></a>
|
|
<a class="btn-twitter" href=""><i class="fa fa-twitter"></i></a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-4">
|
|
<div class="media wow fadeInUp" data-wow-delay="1.4s">
|
|
<img class="media-object pull-left" src="images/team-3.png" alt="Image">
|
|
<div class="media-body">
|
|
<h4 class="media-heading">Jonathon Gramble</h4>
|
|
<p>Co-Founder / CEO</p>
|
|
<p class="social-link">
|
|
<a class="btn-facebook" href=""><i class="fa fa-facebook"></i></a>
|
|
<a class="btn-twitter" href=""><i class="fa fa-twitter"></i></a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
-->
|
|
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div>
|
|
<nav class="navbar navbar-default" role="navigation">
|
|
<div class="container-fluid">
|
|
<!-- Brand and toggle get grouped for better mobile display -->
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
|
<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="inc/images/footer-logo.png" alt="">
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Collect the nav links, forms, and other content for toggling
|
|
<div class="collapse navbar-collapse text-center" id="bs-example-navbar-collapse-1">
|
|
<ul class="nav navbar-nav ">
|
|
<li><a href="#">Download</a></li>
|
|
<li><a href="#">Support</a></li>
|
|
<li><a href="#">Developers</a></li>
|
|
<li><a href="#">Privacy</a></li>
|
|
</ul>
|
|
|
|
</div> /.navbar-collapse -->
|
|
|
|
</div><!-- /.container-fluid -->
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|