<!--
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 Template | Home :: w3layouts</title>
<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="./css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="./js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="./css/theme-style.css" rel='stylesheet' type='text/css' />
<script src="./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="./js/modernizr.custom.js" type="text/javascript"></script>
<script type="text/javascript" src="./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----->
<!----start-top-nav---->
<nav class="subMenu navbar-custom navbar-scroll-top" role="navigation">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<img src="./images/menu-icon.png" title="drop-down-menu" />
</button>
</div>
<div class="h_logo">
<div class="logo1">
<a id="s3" href="#">Productive.ly</a>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-main-collapse top-nav">
<ul class="nav navbar-nav full-nav-top">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li>
<a id="sTop" class="subNavBtn" href="#">Philosophy</a>
</li>
<li class="page-scroll">
<a id="s2" class="subNavBtn" href="#">Features</a>
</li>
<li class="page-scroll logo">
<a id="s3" class="subNavBtn" href="#">Productive.ly</a>
</li>
<li class="page-scroll">
<a id="s4" class="subNavBtn" href="#">Reviews</a>
</li>
<li class="page-scroll active">
<a id="s5" class="subNavBtn download" href="#">Download</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
<div class="clearfix"> </div>
</div>
<!-- /.container -->
</nav>
<!----//End-top-nav---->
<!---- start-top-grids---->
<div class="features s2">
<div class="container-fluid">
<div class="row top-grids">
<div class="col-md-4 text-center grid1">
<div class="grid">
<img src="./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="./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">
<div class="grid">
<img src="./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="clearfix"> </div>
</div>
</div>
</div>
<!---- //End-top-grids---->
<!----start-Produtive---->
<div class="productive.ly s3" >
<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="./images/01.jpg" alt="">
</article>
</section>
</div>
<div class="clearfix"> </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="./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="clearfix"> </div>
</div>
</div>
<script src="./js/classie.js"></script>
<script src="./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 s4">
<div class="Downlod">
<h4>Download Producteve.ly for Free </h4>
<div class="row form">
<div class="download-icons text-center">
<div class="col-md-6 span1"> <a href="#"> <img src="./images/winds.png" alt=""/><i>Download for Windows </i> <div class="clearfix"> </div></a></div>
<div class="col-md-6 span2"> <a href="#"> <img src="./images/Andrd.png" alt=""/><i>Download for Android</i> <div class="clearfix"> </div></a></div>
<div class="clearfix"> </div>
</div>
</div>
【web课设】效率软件开发网页-HTML源码.7z
需积分: 5 67 浏览量
2024-06-21
14:35:23
上传
评论
收藏 1.33MB 7Z 举报
【web课设】效率软件开发网页-HTML源码.7z （74个子文件） 
【web课设】效率软件开发网页-HTML源码 html mobile css 
style.css 9KB
index.html 8KB images 
02.jpg 12KB
andrd2.png 509B download-bg.jpg 112KB arrow_top.png 714B 01.jpg 11KB icon-2.png 2KB pic2.png 4KB winds2.png 516B icon-1.png 3KB top-grid-icons.png 660B Andrd.png 517B pic1.jpg 9KB bg.jpg 44KB menu-icon.png 363B winds.png 347B icon-3.png 2KB smartphone js jquery.easing.min.js 5KB jquery.smint.js 4KB scrollReveal.min.js 4KB responsive.menu.js 3KB cbpScroller.js 3KB classie.js 2KB modernizr.custom.js 8KB jquery.min.js 94KB css style.css 13KB index.html 11KB images 02.jpg 27KB andrd2.png 1KB racket-icon.png 713B download-bg.jpg 112KB arrow_top.png 714B 01.jpg 28KB icon-2.png 3KB pic2.png 7KB winds2.png 861B icon-1.png 4KB top-grid-icons.png 860B Andrd.png 933B pic1.jpg 10KB bg.jpg 74KB menu-icon.png 482B winds.png 486B icon-3.png 3KB web js bootstrap.min.js 28KB jquery.easing.min.js 5KB jquery.smint.js 4KB scrollReveal.min.js 4KB cbpScroller.js 3KB classie.js 2KB modernizr.custom.js 8KB jquery.min.js 94KB css bootstrap.min.css 98KB theme-style.css 20KB bootstrap.css 118KB index.html 12KB images 02.jpg 187KB andrd2.png 1KB download-bg.jpg 112KB arrow_top.png 714B 01.jpg 187KB icon-2.png 6KB pic2.png 13KB winds2.png 861B icon-1.png 7KB top-grid-icons.png 603B Andrd.png 933B pic1.jpg 12KB bg.jpg 358KB icons-sprite.png 3KB menu-icon.png 482B winds.png 486B icon-3.png 6KB资源评论
