<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Productive-ly bootstrap website for Iphone, Android Smartphone Mobile Website Template | Home :: w3layouts</title>
<script src="smartphone/js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="smartphone/css/style.css" rel='stylesheet' type='text/css' />
<script src="smartphone/js/jquery.easing.min.js"></script>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!----webfonts---->
<link href='http://fonts.googleapis.com/css?family=Raleway:400,100,300,500,700,800,900,600,200' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,300,600,700' rel='stylesheet' type='text/css'>
<!----//webfonts---->
<script src="smartphone/js/modernizr.custom.js" type="text/javascript"></script>
<script type="text/javascript" src="smartphone/js/jquery.smint.js"></script>
<script type="text/javascript">
$(document).ready( function() {
$('.subMenu').smint({
'scrollSpeed' : 1000
});
});
</script>
</head>
<body>
<!----start-container----->
<div class="head-bg sTop">
<div class="conatiner">
<div class="header-note">
<span class="border"> </span>
<h1>Changing The face of Productivity.</h1>
<p>Productive.l is a game changing productivy app that utilizes gamification and social influence toget you working.</p>
</div>
</div>
</div>
<!----//End-container----->
<div id="top" class="navbar navbar-inverse" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">Productive.ly</a>
<!-- start smart_nav * -->
<nav class="nav">
<ul class="nav-list">
<li><a href="#philosophy">Philosophy</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#riviews">Reviews</a></li>
<li class="active"><a href="#download">Download</a></li>
</ul>
</nav>
<script type="text/javascript" src="smartphone/js/responsive.menu.js"></script>
<!-- end smart_nav * -->
</div>
</div>
</div>
<!----//End-top-nav---->
<!---- start-top-grids---->
<div class="features" id= "features">
<div class="container-fluid">
<div class="row top-grids">
<div class="col-md-4 text-center grid1">
<div class="grid">
<img src="smartphone/images/icon-1.png" alt=""/>
<h2>Gamification</h2>
<p>Amass points to level and earn rewords based on you're Produtivy.</p>
</div>
<span class="plus"> </span>
</div>
<div class="col-md-4 text-center grid1">
<div class="grid">
<img src="smartphone/images/icon-2.png" alt=""/>
<h2>Social</h2>
<p>Get more productive with tips from friends and complete to earn points.</p>
</div>
<span class="eual"> </span>
</div>
<div class="col-md-4 text-center grid1">
<div class="grid">
<img src="smartphone/images/icon-3.png" alt=""/>
<h2>Productivity</h2>
<p>Soon enough,you'll be completing projects left and right faster than ever.</p>
</div>
</div>
<div class="clear"> </div>
</div>
</div>
</div>
<!---- //End-top-grids---->
<!----start-Produtive---->
<div class="productive.ly" id="productive.ly">
<div id="cbp-so-scroller" class="cbp-so-scroller">
<div class="content_top">
<div class="ipad_desc" id="about">
<h3>Gamification</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</div>
<div class="ipad_img">
<section class="cbp-so-section cbp-so-init cbp-so-animate">
<article class="cbp-so-side cbp-so-side-right">
<img src="smartphone/images/01.jpg" alt="">
</article>
</section>
</div>
<div class="clear"> </div>
</div>
<div class="content_bottom" id="portfolio">
<div class="devices">
<section class="cbp-so-section cbp-so-init">
<article class="cbp-so-side cbp-so-side-left">
<img src="smartphone/images/02.jpg" alt="">
</article>
</section>
</div>
<div class="devices_desc">
<h3>Social</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</div>
<div class="clear"> </div>
</div>
</div>
<script src="smartphone/js/classie.js"></script>
<script src="smartphone/js/cbpScroller.js"></script>
<script>
new cbpScroller( document.getElementById( 'cbp-so-scroller' ) );
</script>
</div>
<div class="clearfix"> </div>
<!----//End-Produtive---->
<!----/start-Down-load---->
<div class="download" id="download">
<div class="Downlod">
<h4>Download Producteve.ly for Free </h4>
<div class="row form">
<div class="download-icons text-center">
<div class="span1"> <a href="#"> <img src="smartphone/images/winds.png" alt=""/><i>Download for Windows </i> <div class="clearfix"> </div></a></div>
<div class="span2"> <a href="#"> <img src="smartphone/images/Andrd.png" alt=""/><i>Download for Android</i> <div class="clearfix"> </div></a></div>
<div class="clearfix"> </div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!----//End-Down-load---->
<!----/start-Awesome-Reviews---->
<div class="riviews" id="riviews">
<div class=" container Reviews">
<h5>Awesome Reviews</h5>
<div class="row Awesome">
<span class="border-2"> </span>
<div class="col-md-6 Fellow">
<div class="follow-left pull-left">
<img class="img-responsive" src="smartphone/images/pic1.jpg" alt="" />
</div>
<div class="follow-right pull-left">
<h6>Musthache Man</h6>
<span>Designer and Developer</span>
</div>
<div class="clearfix"> </div>
<p>This is Photoshop's version of Lorem ipsum.Proin Gravida nibh velit actor aliquet.Aenean sollicitudian,Lorem quis bibendum actor,nii elit consequant ipsum,nec sagittis sem nibh id elit. diis sed odio sit amet mauris. </p>
</div>
<div class="col-md-6 Fellow">
<div class="follow-left pull-left">
<img class="img-responsive" src="smartphone/images/pic2.png" alt="" />
</div>
<div class="follow-right pull-left">
<h6> Bearded Fellow</h6>
<span>Proffessional Beard Grower</span>
</div>
<div class="clearfix"> </div>
<p>This is Photoshop's version of Lorem ipsum.Proin Gravida nibh velit actor aliquet.Aenean sollicitudian,Lorem quis bibendum actor,nii elit consequant ipsum,nec sagittis sem nibh id elit. diis sed odio sit amet mauris. </p>
</div>
<div class="col-md-6 Fellow">
<div class="follow-left pull-left">
<img class="img-responsive" src="smartphone/images/pic1.jpg" alt="" />
</div>
<div class="follow-right pull-left">
<h6> Hair</h6>
<span>Live on your face</span>
</div>
<div class="clearfix"> </div>
<p>This is Photoshop's version of Lorem ipsum.Proin Gravida nibh velit actor aliquet.Aenean sollicitudian,Lorem quis bibendum actor,nii elit consequant ipsum,nec sagittis sem nibh id elit. diis sed odio sit amet mauris. </p>
</div>
<div class="col-md-6 Fellow ">
<div class="follow-left pull-left">
<img class="img-responsive" src="smartphone/images/pic2.png" alt="" />
</div>
<div class="follow-right pull-left">
<h6>Manly Mike</h6>
<span>Interest Enthusiast</span>
</div>
<div class="clearfix"> </div>
<p>This is Photoshop's version of Lorem ipsum.Proin Gravida nibh velit actor aliquet.Aenean sollicitudian,Lorem quis bibendum actor,nii elit consequant ipsum,nec sagittis sem nibh id elit. diis sed odio sit amet mauris. </p>
</div>
</div>
</div>
</div>
<!----//End-Awesome-Reviews---->
<!----//End-social-icons--->
<!----start-copy-right---->
<div class="footer">
<!-- /.navbar-collapse -->
<div class="row form2">
<div class="download-icons download-icons1">
<div class="span3"> <a href="#"> <img src="smartphone/images/winds2.png" alt=""/><i>Download for Windows </i> <div class="clearfix"> </div></a></div>
<div class="span4"> <a href="#"> <img src="smartphone/images/andrd2.png" alt=""/><i>Download for Android</i> <div class="clearfix"> </div></a></div>
<div class="clearfix"> </div>
</div>
</div>
<div class="clearfix"> </div>
<div class="row copy-right">
<div class="col-md-12 text-center">
<p>Copyright © 2014 | Template by <a href="http://w3layouts.com">W3Layouts</a></p>
</div>
</div>
</div>
<!----//End-copy-right---->
<!---- start-smoth-scrolling---->
<script type="text/javascript">
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
</script>
<!---- start-smoth-scrolling---->
</body>
</html>