-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo-5.html
executable file
·12 lines (11 loc) · 25.8 KB
/
demo-5.html
1
2
3
4
5
6
7
8
9
10
11
12
<!doctype html><html class="no-js" lang="en">
<!-- Mirrored from themes.5studios.net/kairos/demo-5.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 21 Oct 2017 16:08:11 GMT -->
<head><meta charset="utf-8"><!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge" /><![endif]--><title>Kairos - Premium product showcase</title><meta name="description" content=""><meta name="viewport" content="width=device-width,initial-scale=1"><!-- Place favicon.ico in the root directory --><link rel="apple-touch-icon" href="apple-touch-icon.png"><link rel="icon" href="favicon.ico"><link href="https://fonts.googleapis.com/css?family=Nunito:300,400,700" rel="stylesheet"><link rel="stylesheet" href="css/vendor.css"><link rel="stylesheet" href="css/kairos.css"></head><body data-spy="scroll" data-target=".navbar-collapse" data-offset="90"><!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]--><div class="page-loader"><div class="container"><img class="logo fading-logo" src="img/logo.png" alt="Kairos"></div></div><!-- < NAVIGATION WITH BACKGROUND COLOR NAVBAR >............................................ --><!-- removed navbar-toggleable-md because responsive issues. Find out why ..... --><nav class="navbar navbar-expand-md navigation fixed-top sidebar-left"><div class="container"><button class="navbar-toggler" type="button"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button> <a href="#main" class="navbar-brand"><img src="img/logo.png" alt="Kairos" class="logo d-block d-md-none d-lg-block"> <img src="img/ilogo.png" alt="Kairos" class="logo d-none d-md-block d-lg-none"></a><div class="collapse navbar-collapse ml-auto" id="main-navbar"><div class="sidebar-brand"><a href="#main"><img src="img/logo.png" alt="Kairos Template" class="logo"></a></div><ul class="nav navbar-nav ml-auto"><li class="nav-item"><a class="nav-link scrollto" href="#about">About</a></li><li class="nav-item"><a class="nav-link scrollto" href="#highlights">Highlights</a></li><li class="nav-item"><a class="nav-link scrollto" href="#download">Download</a></li><li class="nav-item"><a class="nav-link" href="pricing.html">Pricing</a></li><li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li><li class="nav-item"><a class="nav-link" href="signup.html">Sign up</a></li></ul></div></div></nav><main><header class="fullscreen section header hd-3 d-flex align-items-center image-background cover parallax overlay overlay-5 alpha-8"><div class="container color-1 text-center"><h1 class="display-5 display-md-4">Kairos is a great showcasing template for companies of all sizes</h1><p class="lead">Kairos brings you a powerful yet customizable HTML template you can use to showcase your startup</p><br><div class="form-wrap mt-5 mt-lg-7 col-lg-6 mx-lg-auto"><form action="http://themes.5studios.net/kairos/srv/signup.php" class="form form-signup" method="post" data-response-message-animation="slide-in-up"><div class="d-flex flex-column flex-md-row"><input class="bg-1 form-control" type="email" name="Signup[email]" placeholder="Your email address" required> <button type="submit" data-loading-text="Creating ..." class="btn btn-3 mx-auto mt-3 mt-md-0 ml-md-3"><i class="fa-arrow-right"></i> Start for free</button></div></form><div class="response-message alert alert-success"><h4 class="bold"><i class="icon font-md inline fa-envelope-o"></i>One last step!!!</h4><small>To complete the subscription process, please click the link in the email we just sent you.</small></div></div></div></header><section class="bg-4 color-1"><div class="container"><div class="row align-items-center text-center text-md-left"><div class="col-md-6"><p class="lead">Kairos is a astonishing HTML template, it will boost your Startup, App & Software solution.</p></div><div class="col-md-6 d-flex justify-content-center"><a class="btn btn-rounded btn-lg btn-1 mt-4 mt-md-0" href="signup.html">Get started for free</a></div></div></div></section><section class="section features reasons bg-6 alpha-6"><div class="container"><div class="section-heading text-center"><h2>What makes Kairos your best choice</h2></div><div class="row text-center"><div class="col-md-4 py-4"><img src="img/svg/responsive.svg" class="icon m-0" alt=""><h5 class="regular accent my-3">Fully Responsive</h5><p class="my-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque beatae dicta dolores hic porro quam voluptatibus.</p></div><div class="col-md-4 py-4"><img src="img/svg/settings.svg" class="icon m-0" alt=""><h5 class="regular accent my-3">Easy to Setup</h5><p class="my-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque beatae dicta dolores hic porro quam voluptatibus.</p></div><div class="col-md-4 py-4"><img src="img/svg/internet.svg" class="icon m-0" alt=""><h5 class="regular accent my-3">Page Load Speed</h5><p class="my-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque beatae dicta dolores hic porro quam voluptatibus.</p></div></div></div></section><section id="about" class="overview"><div class="container"><div class="row align-items-center"><div class="col-md-5 text-center text-md-left"><h2 class="mb-4">Why Kairos is different</h2><p class="lead">Make customer happier by reducing the page loading time by 50 to 60%. Studies showed that <span class="bold">40% of people abandon a website that takes more than 3 seconds to load</span>, and 47% of consumers expect a web page to load in 2 seconds or less.</p><nav id="sw-nav-overview" class="nav nav-pills nav-pills-outline justify-content-around justify-content-md-start my-5"><a class="nav-item nav-link" href="#">01</a> <a class="nav-item nav-link" href="#">02</a> <a class="nav-item nav-link" href="#">03</a> <a class="nav-item nav-link" href="#">04</a></nav></div><div class="col-md-5 ml-md-auto"><div class="swiper-container" data-sw-navigation="#sw-nav-overview"><div class="swiper-wrapper"><div class="swiper-slide"><img src="img/svg/internet.svg" alt=""></div><div class="swiper-slide"><img src="img/svg/responsive.svg" alt=""></div><div class="swiper-slide"><img src="img/svg/time.svg" alt=""></div><div class="swiper-slide"><img src="img/svg/settings.svg" alt=""></div></div></div></div></div></div></section><section class="section"><div class="container"><div class="section-heading text-center"><h2>Everything you need in one theme</h2><p>With Kairos you will show off how beautiful your app is</p></div><div class="row align-items-center"><div class="col-md-4"><ul class="list-unstyled"><li class="media d-block d-lg-flex"><img class="d-flex mx-auto mx-md-0 ml-md-auto ml-lg-3 order-md-2 icon icon-lg" src="img/svg/responsive.svg" alt=""><div class="media-body mt-3 mt-lg-0 text-center text-md-right"><h5 class="accent bold mt-0 mb-2">Fully responsive</h5><p class="m-0">Kairos comes with fully documented HTML, SASS, JS, PHP code, all in a well organized and structured way.</p></div></li><li class="media d-block d-lg-flex my-5"><img class="d-flex mx-auto mx-md-0 ml-md-auto ml-lg-3 order-md-2 icon icon-lg" src="img/svg/time.svg" alt=""><div class="media-body mt-3 mt-lg-0 text-center text-md-right"><h5 class="accent bold mt-0 mb-2">Lightning speed</h5><p class="m-0">You'll get lifetime free updates as we improve or add new features.</p></div></li><li class="media d-block d-lg-flex"><img class="d-flex mx-auto mx-md-0 ml-md-auto ml-lg-3 order-md-2 icon icon-lg" src="img/svg/settings.svg" alt=""><div class="media-body mt-3 mt-lg-0 text-center text-md-right"><h5 class="accent bold mt-0 mb-2">Easy setup</h5><p class="m-0">In case you need it, We got you covered, with our premium quality fast support service.</p></div></li></ul></div><div class="col-md-4"><div class="mobile-device my-5 my-md-0"><div class="screen"><img src="img/screens/app-screen-2.png" alt="..."></div><span class="button"></span></div></div><div class="col-md-4"><ul class="list-unstyled"><li class="media d-block d-lg-flex"><img class="d-flex mx-auto mx-md-0 mr-lg-3 icon icon-lg" src="img/svg/creative.svg" alt=""><div class="media-body mt-3 mt-lg-0 text-center text-md-left"><h5 class="accent bold mt-0 mb-2">Creative design</h5><p class="m-0">Kairos comes with fully documented HTML, SASS, JS, PHP code, all in a well organized and structured way.</p></div></li><li class="media d-block d-lg-flex my-5"><img class="d-flex mx-auto mx-md-0 mr-lg-3 icon icon-lg" src="img/svg/updates.svg" alt=""><div class="media-body mt-3 mt-lg-0 text-center text-md-left"><h5 class="accent bold mt-0 mb-2">Free Updates</h5><p class="m-0">You'll get lifetime free updates as we improve or add new features.</p></div></li><li class="media d-block d-lg-flex"><img class="d-flex mx-auto mx-md-0 mr-lg-3 icon icon-lg" src="img/svg/support.svg" alt=""><div class="media-body mt-3 mt-lg-0 text-center text-md-left"><h5 class="accent bold mt-0 mb-2">Premium Support</h5><p class="m-0">In case you need it, We got you covered, with our premium quality fast support service.</p></div></li></ul></div></div></div></section><section id="install" class="install how-to-process"><div class="container"><div class="section-heading text-center"><h2 class="mb-0">How it works</h2><p class="lead my-0">See how we make Kairos process easy</p></div><div class="row"><div class="col-12 col-md-6"><ol id="sw-nav-process" class="list-process nav nav-pills nav-pills-light"><li class="nav-item"><a class="step nav-link" href="#"><h4>Choose your theme</h4><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet commodi, eaque impedit modi!</p></a></li><li class="nav-item"><a class="step nav-link" href="#"><h4>Click buy</h4><p>A, ab accusantium amet commodi consequatur cum doloremque, eius enim exercitationem magnam.</p></a></li><li class="nav-item"><a class="step nav-link" href="#"><h4>We take care</h4><p>Adipisci, autem blanditiis commodi cupiditate earum eligendi laboriosam quam. Ex, fugit, officia!</p></a></li><li class="nav-item"><a class="step nav-link" href="#"><h4>Enjoy</h4><p>A consequatur dolorem hic nemo nisi quis sint, voluptas. Consectetur dolores illo officia!</p></a></li></ol></div><div class="col-12 col-md-5 ml-auto"><div class="swiper-container" data-sw-navigation="#sw-nav-process" data-sw-effect="coverflow" data-sw-centered-slides="false" data-sw-cover-stretch="170" data-sw-cover-depth="195" data-sw-cover-modifier="2"><div class="swiper-wrapper"><div class="swiper-slide"><h4 class="my-4">Choose your theme</h4><img class="img-responsive border" src="img/screens/app-screen-1.png" alt="..."></div><div class="swiper-slide"><h4 class="my-4">Click buy</h4><img class="img-responsive border" src="img/screens/app-screen-2.png" alt="..."></div><div class="swiper-slide"><h4 class="my-4">We take care</h4><img class="img-responsive border" src="img/screens/app-screen-3.png" alt="..."></div><div class="swiper-slide"><h4 class="my-4">Enjoy</h4><img class="img-responsive border" src="img/screens/app-screen-4.png" alt="..."></div></div></div></div></div></div></section><section class="section b-b b-t bg-6"><div class="container"><div class="text-center"><h2>Additional reasons why choose Kairos</h2><p class="lead mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto, assumenda autem consequatur cum dignissimos dolores doloribus eius eum iusto laborum quasi quidem sapiente sit.</p></div><div class="row align-items-center"><div class="col-12 col-md-5 col-lg-5 mr-lg-auto"><nav id="sw-nav-reasons-l" class="nav flex-md-column nav-pills nav-pills-light nav-fill"><a class="nav-item text-left nav-link py-3 my-2" href="#"><h6 class="bold">Responsive</h6><p class="my-0 d-none d-md-block">Fully responsive design to make your web page look good on all devices.</p></a><a class="nav-item text-left nav-link py-3 my-2" href="#"><h6 class="bold">Customize</h6><p class="my-0 d-none d-md-block">You have complete control over key aspect of template customization.</p></a><a class="nav-item text-left nav-link py-3 my-2" href="#"><h6 class="bold">Updates</h6><p class="my-0 d-none d-md-block">When buying Kairos, you will have free updates for life. Stay updated!!</p></a><a class="nav-item nav-link text-left py-3 my-2" href="#"><h6 class="bold">Fast</h6><p class="my-0 d-none d-md-block">Kairos has been designed with real world optimization in mind for real projects.</p></a></nav></div><div class="col-12 col-md-7 col-lg-5"><div class="swiper-container mt-4 mt-md-0" data-sw-navigation="#sw-nav-reasons-l"><div class="swiper-wrapper"><div class="swiper-slide"><img src="img/svg/responsive.svg" alt=""></div><div class="swiper-slide"><img src="img/svg/cogwheel.svg" alt=""></div><div class="swiper-slide"><img src="img/svg/updates.svg" alt=""></div><div class="swiper-slide"><img src="img/svg/time.svg" alt=""></div></div></div></div></div></div></section><section class="highlight-features section b-b"><div class="container"><div class="text-center"><h2>Describe important features</h2><p class="lead mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto, assumenda autem consequatur cum dignissimos dolores doloribus eius eum iusto laborum quasi quidem sapiente sit.</p></div><div class="row align-items-center"><div class="col-12 col-lg-5 ml-lg-auto order-lg-2"><div class="row highlight-items" data-event="hover"><div class="col-lg-12 col-6"><div class="rounded p-4 mb-3 highlight-item active" data-highlight="1"><h5 class="bold">Feature 1</h5><p class="my-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad asperiores.</p></div></div><div class="col-lg-12 col-6"><div class="rounded p-4 mb-3 highlight-item" data-highlight="2"><h5 class="bold">Feature 2</h5><p class="my-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad asperiores.</p></div></div><div class="col-lg-12 col-6"><div class="rounded p-4 mb-3 highlight-item" data-highlight="3"><h5 class="bold">Feature 3</h5><p class="my-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad asperiores.</p></div></div><div class="col-lg-12 col-6"><div class="rounded p-4 mb-3 highlight-item" data-highlight="4"><h5 class="bold">Feature 4</h5><p class="my-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad asperiores.</p></div></div></div></div><div class="col-12 col-lg-6 order-lg-1"><figure><img src="img/screens/features/highlight-screen.png" class="img-responsive" alt="..."></figure><div id="highlight-images" class="active-1"><figure class="highlight-1"><img src="img/screens/features/highlight-1.png" class="rounded-circle" alt="..."></figure><figure class="highlight-2"><img src="img/screens/features/highlight-2.png" class="rounded-circle" alt="..."></figure><figure class="highlight-3"><img src="img/screens/features/highlight-3.png" class="rounded-circle" alt="..."></figure><figure class="highlight-4"><img src="img/screens/features/highlight-4.png" alt="..."></figure></div></div></div></div></section><section class="section overflow-hidden"><div class="container"><div class="section-heading text-center"><h2>Include your Desktop App</h2><p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto, assumenda autem consequatur cum dignissimos dolores doloribus eius eum iusto laborum quasi quidem sapiente sit.</p></div><div class="row align-items-center"><div class="col-md-5 text-center text-md-left"><ul class="list-unstyled"><li><h5 class="bold mt-0 mb-1">Full Code</h5><p class="m-0">Kairos comes with fully documented HTML, SASS, JS, PHP code, all in a well organized and structured way.</p></li><li class="my-5"><h5 class="bold mt-0 mb-1">Free Updates</h5><p class="m-0">You'll get lifetime free updates as we improve or add new features.</p></li><li><h5 class="bold mt-0 mb-1">Premium Support</h5><p class="m-0">In case you need it, We got you covered, with our premium quality fast support service.</p></li></ul></div><div class="col-md-6 ml-md-auto"><div class="fade-bottom mt-5 mt-md-0"><div class="browser shadow" data-aos="fade-left"><img src="img/screens/chat.jpg" alt="..."></div></div></div></div></div></section><section class="section"><div class="container"><div class="row align-items-center text-center text-lg-left"><div class="col-12 col-md-6 col-lg-5 order-lg-2 ml-md-auto text-center text-md-left"><div class="section-heading"><h4>Everything you need to showcase your app — without the hassle.</h4></div><ul class="list-unstyled"><li class="media d-block d-md-flex"><img class="d-flex mx-auto mr-md-3 icon icon-lg" src="img/svg/code.svg" alt=""><div class="media-body mt-3 mt-md-0"><h5 class="bold mt-0 mb-1">Full Code</h5><p class="m-0">Kairos comes with fully documented HTML, SASS, JS, PHP code, all in a well organized and structured way.</p></div></li><li class="media d-block d-md-flex my-5"><img class="d-flex mx-auto mr-md-3 icon icon-lg" src="img/svg/updates.svg" alt=""><div class="media-body mt-3 mt-md-0"><h5 class="bold mt-0 mb-1">Free Updates</h5><p class="m-0">You'll get lifetime free updates as we improve or add new features.</p></div></li><li class="media d-block d-md-flex"><img class="d-flex mx-auto mr-md-3 icon icon-lg" src="img/svg/support.svg" alt=""><div class="media-body mt-3 mt-md-0"><h5 class="bold mt-0 mb-1">Premium Support</h5><p class="m-0">In case you need it, We got you covered, with our premium quality fast support service.</p></div></li></ul></div><div class="col-12 col-md-6 col-lg-5 order-lg-1"><div class="mobile-device-twin"><div class="mobile-device absolute"><div class="screen"><img src="img/screens/app-screen-1.png" alt="..."></div><span class="button"></span></div><div class="mobile-device front mr-0"><div class="screen"><img src="img/screens/app-screen-2.png" alt="..."></div><span class="button"></span></div></div></div></div></div></section><section class="section parallax overlay overlay-4 image-background cover map alpha-7"><div class="container text-center color-1"><div class="section-heading"><h2 class="bold">Start your free 12-days trial</h2><p class="lead">Sign up for a free full featured trial and enjoy. Your account will be ready in no time.</p></div><div class="row form-wrap"><div class="col-12 col-md-8 mx-auto"><form action="http://themes.5studios.net/kairos/srv/signup.php" class="form form-signup" method="post" data-response-message-animation="slide-in-up"><div class="d-flex flex-column flex-md-row"><input class="bg-1 form-control" type="email" name="Signup[email]" placeholder="Your email address" required> <button type="submit" data-loading-text="Creating ..." class="btn btn-3 mx-auto mt-3 mt-md-0 ml-md-3"><i class="fa-arrow-right"></i> Start for free</button></div></form><div class="response-message alert alert-success"><h4 class="bold"><i class="icon font-md inline fa-envelope-o"></i>One last step!!!</h4><small>To complete the subscription process, please click the link in the email we just sent you.</small></div></div></div></div></section><section id="screenshots" class="screenshots coverflow"><div class="container"><div class="section-heading text-center"><h2>A picture is worth a thousands words</h2><p class="lead">One fact well understood by observation, and well guided development, is worth a thousand times more than a thousand words</p></div><div class="row"><div class="col-12"><div class="swiper-container" data-sw-show-items="auto" data-sw-centered-slides="true" data-sw-cover-depth="100"><div class="mobile-device mx-auto"><div class="screen"></div></div><div class="swiper-wrapper"><div class="swiper-slide"><img class="img-responsive" src="img/screens/app-screen-1.png" alt="..."></div><div class="swiper-slide"><img class="img-responsive" src="img/screens/app-screen-2.png" alt="..."></div><div class="swiper-slide"><img class="img-responsive" src="img/screens/app-screen-3.png" alt="..."></div><div class="swiper-slide"><img class="img-responsive" src="img/screens/app-screen-4.png" alt="..."></div><div class="swiper-slide"><img class="img-responsive" src="img/screens/app-screen-5.png" alt="..."></div></div><div class="swiper-pagination"></div></div></div></div></div></section><section id="download" class="download bg-6"><div class="container text-center"><div class="section-heading"><h2>Download <span class="bold">Kairos</span> Now!</h2><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum hic ipsam magni, non obcaecati praesentium qui. Beatae blanditiis eius est ipsum, libero maiores nostrum odit quasi sapiente totam velit voluptatem.</p></div><nav class="nav justify-content-center mt-5"><a href="#" class="nav-link py-2 px-4 btn btn-rounded btn-download btn-5 color-1 alpha-3"><img src="img/svg/apple.svg" class="icon icon-md" alt="..."><div class="ml-2 lh-1"><span class="small bold">Get it on the</span> <span class="d-block bold color-1">App Store</span></div></a><a href="#" class="nav-link py-2 px-4 btn btn-rounded btn-download btn-5 color-1 alpha-3 ml-0 ml-md-4 mt-2 mt-md-0"><img src="img/svg/google-play.svg" class="icon icon-md" alt="..."><div class="ml-2 lh-1"><span class="small bold">Download on the</span> <span class="d-block bold color-1">Google Play</span></div></a></nav></div></section><section class="section faqs"><div class="container"><div class="row"><div class="col-12 col-md-4"><h2>We answers your <span class="bold">questions</span></h2><p class="lead">Not sure how this template can help you? Wonder why you need to buy our theme?</p><p class="text-muted">Here are the answers to some of the most common questions we hear from our appreciated customers</p></div><div class="col-12 col-md-8"><ul class="list list-unstyled"><li><h5 class="bold">What does the package include?</h5><p class="mt-1">When you buy Kairos, you get all you see in the demo but the images. We include SASS files for styling, complete JS files with comments, all HTML variations. Besides we include all mobile PSD mockups.</p></li><li><h5 class="bold">What is the typical response time for a support question?</h5><p class="mt-1">Since you report us a support question we try to make our best to find out what is going on, depending on the case it could take more or les time, however a standard time could be minutes or hours.</p></li><li><h5 class="bold">What do I need to know to customize this template?</h5><p class="mt-1">Our documentation give you all you need to customize your copy. However you will need some basic web design knowledge (HTML, Javascript and CSS)</p></li><li><h5 class="bold">Can I suggest a new feature?</h5><p class="mt-1">Definitely <span class="bold">Yes</span>, you can contact us to let us know your needs. If your suggestion represents any value to both we can include it as a part of the theme or you can request a custom build by an extra cost. Please note it could take some time in order for the feature to be implemented.</p></li></ul></div></div></div></section><!-- < Signup > ..........
.............................................. --><section id="signup" class="bg-5 color-1"><div class="container"><div class="row align-items-center text-center text-md-left"><div class="col-md-6"><span class="text-muted">What are you waiting for?</span><h2>Sign up NOW!</h2></div><div class="col-md-6 d-flex justify-content-center"><a class="btn btn-lg btn-4 mt-4 mt-md-0" href="signup.html">Get started for free</a></div></div></div></section></main><!-- FOR DEMO PURPOSES ONLY --><div class="card theme-selector selector-closed"><span class="flipper"><i class="fa-spin fa-cog"></i></span><div class="card-header">Settings <a class="pull-right selector-close" href="#"><i class="fa fa-close"></i></a></div><div class="card-body"><ul class="page-variants list list-unstyled"><li><a href="demo-1.html" class="mockup"><img src="img/demo/1.png" alt=""></a></li><li><a href="demo-2.html" class="mockup"><img src="img/demo/2.png" alt=""></a></li><li><a href="demo-3.html" class="mockup"><img src="img/demo/3.png" alt=""></a></li><li><a href="demo-4.html" class="mockup"><img src="img/demo/4.png" alt=""></a></li><li><a href="demo-5.html" class="mockup"><img src="img/demo/5.png" alt=""></a></li></ul></div></div><!-- ENDDEMO --><!-- FOOTER --><footer class="site-footer section b-t"><div class="container pb-3"><div class="row text-center text-md-left"><div class="col-md-5 mr-auto"><h4 class="color-5">About <span class="bold">Kairos</span></h4><p>Meet <span class="bold">Kairos</span>, a carefully crafted and powerful HTML5 Template, it's perfect to showcase your startup, app & software in a beautiful way.</p></div><div class="col-md-2"><h4 class="color-5"><span class="bold">Follow</span> Us</h4><nav class="nav flex-column mt-3"><a class="nav-link pl-0" href="#"><i class="fa-facebook"></i> Facebook</a> <a class="nav-link pl-0" href="#"><i class="fa-twitter"></i> Twitter</a> <a class="nav-link pl-0" href="#"><i class="fa-behance"></i> Behance</a> <a class="nav-link pl-0" href="#"><i class="fa-instagram"></i> Instagram</a></nav></div><div class="col-md-4"><h4 class="color-5">Stay<span class="bold"> in touch</span></h4><p>By registering with us, you will receive right in your inbox all new features and updates.<span class="bold">Register now!</span></p><a class="btn btn-rounded btn-outline-2" href="signup.html">Register Now</a></div></div><hr class="mt-5 bg-6"><div class="row footer-bottom small align-items-center"><div class="col-md-4"><p class="mt-2 mb-0">© 2017 5studios. All Rights Reserved</p></div><div class="col-md-4"><img src="img/logo.png" class="d-flex icon mx-auto" alt=""></div><div class="col-md-4 col-md-auto"><nav class="nav justify-content-center justify-content-md-end"><a class="nav-link" href="#">Privacy Policy</a> <a class="nav-link" href="#">Terms of Service</a> <a class="nav-link" href="#">Sitemap</a></nav></div></div></div></footer><script src="js/lib.js"></script><script src="js/kairos.js"></script><!-- Global site tag (gtag.js) - Google Analytics --><script async src="https://www.googletagmanager.com/gtag/js?id=UA-76592740-9"></script><script>window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-76592740-9');</script></body>
<!-- Mirrored from themes.5studios.net/kairos/demo-5.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 21 Oct 2017 16:08:11 GMT -->
</html>