<!--
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源码 在校大学生们,期末大作业的截止日期迫在眉睫,是否还在寻找能让你的项目脱颖而出的秘密武器?【web课设】响应式网页-HTML源码,是你提升开发效率、轻松完成期末项目的关键所在。 这份资源专为你们设计,知晓你们面临的压力和挑战,提供了快速构建响应式网页的完美解决方案。想在期末项目中展示出卓越的前端能力吗?这份源码将帮助你轻松实现。 通过学习和应用这些精心编写的HTML源码,你不仅能节省大量的编写时间,还能确保你的网页在不同设备上自动适应显示,无论是在手机、平板还是电脑上,都能达到最佳展示效果。 【web课设】响应式网页-HTML源码,让你的项目正中教授的心意,也让你在同学中脱颖而出。别再犹豫,立即查看这份资源,解锁你的前端开发潜力,迅速提高你的开发效率,让期末大作业成为你学术生涯中的一次亮点。 记住,成功的秘诀不仅在于努力,更在于选择正确的工具。【web课设】响应式网页-HTML源码,就是你成功路上的得力伙伴。立即行动,让自己在这个期末,与众不同!
资源推荐
资源详情
资源评论
收起资源包目录
【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
共 74 条
- 1
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2177
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 市建设工程安全生产标准化管理优良工地申报表.docx
- 特殊建设工程消防验收现场评定(其他建设工程消防验收备案现场检查)监督记录表.docx
- 提前报废老旧营运柴油货车补贴标准、新购营运货车补贴标准表.docx
- 基于鸟鸣声识别的鸟类分类系统项目源代码全套技术资料.zip
- 解析XML文件,使用ElementTree模块,并根据流程图设计合适的数据结构保存解析结果-使用Python ElementTree模块解析XML文件并设计数据结构-含源代码及解释
- 膝关节功能丧失程度评定表.docx
- 外出务工就业交通补助申报表.docx
- 腕关节功能丧失程度评定表.docx
- 现场评定检查表—— 防爆.docx
- 现场评定检查表—— 防火分隔、固定窗.docx
- 现场评定检查表——安全疏散.docx
- 现场评定检查表——建筑类别与耐火等级表.docx
- 现场评定检查表——建筑灭火器.docx
- 现场评定检查表--泡沫灭火系统.docx
- 现场评定检查表——平面布置.docx
- 现场评定检查表——建筑内部装修防火.docx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功