<!--A Design by W3layouts
Author: W3layout
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>The Notebook Website Template | Home :: w3layouts</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='http//fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
<link href="web/css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="web/css/slimmenu.css" rel="stylesheet" media="screen">
<link rel="stylesheet" type="text/css" href="web/css/magnific-popup.css">
<script src="web/js/jquery.min.js"></script>
</head>
<body>
<div class="content" id="home">
<div class="header">
<div class="wrap">
<header id="topnav">
<nav>
<ul>
<li class="active"><a href="#home" class="scroll">Home</a></li>
<li><a href="#team" class="scroll">Team</a></li>
<li><a href="#ourstory" class="scroll">Our story</a></li>
<li><a href="#blog" class="scroll">Blog</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
<div class="clear"> </div>
</ul>
</nav>
<h1><a href="index.html">Notebook</a></h1>
<a href="#" id="navbtn">Nav Menu</a>
<div class="clear"> </div>
</header>
</div>
</div>
<!-----script------------->
<script type="text/javascript" src="web/js/menu.js"></script>
<div class="slider" id="home">
<div class="wrap">
<!---start-da-slider----->
<div id="da-slider" class="da-slider">
<div class="da-slide">
<h2>Best Ideas Start On Paper</h2>
<p>Revolvationary notebook with eco-friendly paper,advanced surface technology and degital sharing integration.</p>
<a href="#" class="da-link">Order Now</a>
</div>
<div class="da-slide">
<h2>Best Ideas Start On Paper</h2>
<p>Revolvationary notebook with eco-friendly paper,advanced surface technology and degital sharing integration.</p>
<a href="#" class="da-link">Order Now</a>
</div>
<div class="da-slide">
<h2>Best Ideas Start On Paper</h2>
<p>Revolvationary notebook with eco-friendly paper,advanced surface technology and degital sharing integration.</p>
<a href="#" class="da-link">Order Now</a>
</div>
<div class="da-slide">
<h2>Best Ideas Start On Paper</h2>
<p>Revolvationary notebook with eco-friendly paper,advanced surface technology and degital sharing integration.</p>
<a href="#" class="da-link">Order Now</a>
</div>
</div>
<script type="text/javascript" src="web/js/jquery.cslider.js"></script>
<!---strat-slider---->
<link rel="stylesheet" type="text/css" href="web/css/slider.css" />
<script type="text/javascript" src="web/js/modernizr.custom.28468.js"></script>
<script type="text/javascript">
$(function() {
$('#da-slider').cslider({
autoplay : true,
bgincrement : 450
});
});
</script>
<!---//End-da-slider----->
</div>
</div>
</div>
<!---start-team----->
<div class="team" id="team">
<div class="wrap">
<div class="section group">
<div class="col_1_of_1 span_1_of_1">
<h3>Start proto typing your next project </h3>
<p>Terry Rechardson cardigan whatever gentrify Tumblr,gluten-free shorts craysechlitz solvage DIY sutainable Helvetila sriracha.Benh mi ethical.put abird on it VHS irony bisicle rights slow-card iterally retro-sktebord ugh 90'Helvetic hash tag.Next ketfiyeah cornhole park belly,slow-card schilitz.</p>
</div>
<div class="pen">
<img src="web/images/pen.png">
</div>
</div>
</div>
</div>
<!---//end-team----->
<!---start-our story----->
<div class="ourstory" id="ourstory">
<div class="our-story">
<h3>Works in any browser </h3>
<p>Revolvationary notebook with eco-friendly paper,advanced surface technology and degital sharing integration.</p>
</div>
<div class="group_2" id="Portfolio">
<div class="group_2_items">
<div class="wrap">
<div id="owl-demo1" class="owl-carousel">
<div class="item">
<div class="carousel">
<div class="group_2_img1">
<img src="web/images/slider2.jpg" alt="">
</div>
</div>
</div>
<div class="item">
<div class="carousel">
<div class="group_2_img1">
<img src="web/images/slider3.jpg" alt="">
</div>
</div>
</div>
<div class="item">
<div class="carousel">
<div class="group_2_img1">
<img src="web/images/slider1.jpg" alt="">
</div>
</div>
</div>
<div class="item">
<div class="carousel">
<div class="group_2_img1">
<img src="web/images/slider4.jpg" alt="">
</div>
</div>
</div>
<div class="item">
<div class="carousel">
<div class="group_2_img1">
<img src="web/images/slider5.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Owl Carousel Assets -->
<link href="web/css/owl.carousel.css" rel="stylesheet">
<!-- Owl Carousel Assets -->
<!-- Prettify -->
<script src="web/js/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$("#owl-demo").owlCarousel({
items : 1,
lazyLoad : true,
autoPlay : true,
navigation : true,
navigationText : ["",""],
rewindNav :true,
scrollPerPage :true,
pagination : true,
paginationNumbers: false,
});
});
$(document).ready(function() {
$("#owl-demo1").owlCarousel({
items : 1,
lazyLoad : true,
autoPlay : true,
navigation : true,
navigationText : ["",""],
rewindNav : true,
scrollPerPage :true,
pagination : false,
paginationNumbers: false,
});
});
</script>
<!----start-pricingplans---->
<div class="blog" id="blog">
<div class="wrap">
<div class="pricing-plans">
<h5>Flexible pricing plans to fulfill your needs and solve your problems</h5>
<p>Revolvationary notebook with eco-friendly paper,advanced surface technology and degital sharing integration.</p>
<div class="pricing-grids">
<div class="pricing-grid black">
<h3><a href="#">Forever Free</a></h3>
<div class="price-value">
<a href="#">$0/month</a>
</div>
<ul>
<li><a href="#">1 Notebook</a></li>
<li><a href="#">3 Users</a></li>
<li><a href="#">100 Shares</a></li>
</ul>
<div class="cart">
<a class="popup-with-zoom-anim" href="#small-dialog">Sign Up</a>
</div>
</div>
<div class="pricing-grid green">
<h3><a href="#">Profesional<h4>Most Popular </h4></a></h3>
<div class="price-value">
<a href="#">$20/1month</a>
</div>
<ul>
<li><a href="#">20 Notebook</a></li>
<li><a href="#">100 Users</a></li>
<li><a href="#">Unlimited Shares</a></li>
</ul>
<div class="cart">
<a class="popup-with-zoom-anim" href="#small-dialog">Buy Now</a>
</div>
</div>
<div class="pricing-grid blue">
<h3><a href="#">Enterprise</a></h3>
<div class="price-value">
<a href="#">$100/month</a>
</div>
<ul>
<li><a href="#">100 Notebo
灰绿蓝款_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （94个子文件） 
灰绿蓝款 mobile css 
style.css 7KB
index.html 5KB images 
divice.jpg 48KB Thumbs.db 107KB sliderbg.jpg 28KB
img-slide.png 11KB sprite.png 976B pen.png 948B arrow_up1.png 982B nav-icon.png 257B js jquery.cslider.js 7KB jquery.magnific-popup.js 45KB menu.js 1KB modernizr.custom.28468.js 7KB easing.js 5KB move-top.js 1KB owl.carousel.js 37KB jquery.easing.1.3.js 8KB jquery.min.js 91KB smartphone js jquery.cslider.js 7KB jquery.magnific-popup.js 45KB menu.js 1KB modernizr.custom.28468.js 7KB easing.js 5KB move-top.js 1KB owl.carousel.js 37KB jquery.easing.1.3.js 8KB jquery.min.js 91KB css style.css 8KB owl.carousel.css 9KB magnific-popup.css 16KB slider.css 16KB index.html 14KB images divice.jpg 48KB slider3.jpg 147KB Thumbs.db 98KB sliderbg.jpg 46KB slider5.jpg 245KB slider4.jpg 251KB sprite.png 952B slider2.jpg 325KB pen.png 1KB slider1.jpg 281KB arrow_up1.png 982B icon.png 7KB nav-icon.png 262B app web js jquery.cslider.js 7KB jquery.magnific-popup.js 45KB menu.js 1KB modernizr.custom.28468.js 7KB easing.js 5KB move-top.js 1KB owl.carousel.js 37KB jquery.easing.1.3.js 8KB jquery.min.js 91KB css style.css 14KB owl.carousel.css 11KB magnific-popup.css 18KB slider.css 18KB index.html 15KB images arrow_up.png 983B divice.jpg 48KB slider3.jpg 147KB Thumbs.db 98KB sliderbg.jpg 246KB slider5.jpg 245KB slider4.jpg 251KB nav-icon1.png 262B sprite.png 976B slider2.jpg 325KB pen.png 1KB slider1.jpg 281KB arrow_up1.png 982B icon.png 7KB nav-icon.png 262B css style.css 14KB owl.carousel.css 11KB magnific-popup.css 18KB slider.css 18KB index.html 15KB images arrow_up.png 983B divice.jpg 48KB slider3.jpg 147KB sliderbg.jpg 246KB slider5.jpg 245KB slider4.jpg 251KB nav-icon1.png 262B sprite.png 976B slider2.jpg 325KB pen.png 1KB slider1.jpg 281KB arrow_up1.png 982B icon.png 7KB nav-icon.png 262B资源评论
supeerzdj
- 粉丝: 12
- 资源: 6184
最新资源
- 软件维保合同样本，已经编写完成，按需修改即可
- 2SK1622-VB一款N-Channel沟道TO252的MOSFET晶体管参数介绍与应用说明
- 掌握 `requestAnimationFrame`：JavaScript 动画的高效实现
- 计算机基础.zip 计算机基础相关的资料
- 2SK1622S-VB一款N-Channel沟道TO252的MOSFET晶体管参数介绍与应用说明
- SSA-BP麻雀搜索算法优化BP神经网络多输入多输出预测（Matlab完整源码和数据）
- Python项目-自动办公-28 Python爬虫爬取会计师协会网站的指定文章.zip
- 机器学习相关教程.zip
- MS-DOS7.10镜像文件
- 电子纸-墨水屏介绍视频
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
