<!--
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>
没有合适的资源?快使用搜索试试~ 我知道了~
效率软件开发网页模板_html5 bootstrap 响应式模板UI前端源码.rar
共74个文件
png:35个
js:16个
jpg:15个
0 下载量 190 浏览量
2023-08-01
14:01:57
上传
评论
收藏 1.35MB RAR 举报
温馨提示
效率软件开发网页模板_html5 bootstrap 响应式模板UI前端源码.rar
资源推荐
资源详情
资源评论
收起资源包目录
效率软件开发网页模板_html5 bootstrap 响应式模板UI前端源码.rar (74个子文件)
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
共 74 条
- 1
资源评论
dunming_6725413
- 粉丝: 16
- 资源: 6951
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功