<!--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
前端静态模板-灰绿蓝款-学生作业毕设实训素材.zip （94个子文件） 
灰绿蓝款 css 
magnific-popup.css 18KB slider.css 18KB owl.carousel.css 11KB style.css 14KB images 
slider3.jpg 147KB slider5.jpg 245KB divice.jpg 48KB sliderbg.jpg 246KB
arrow_up1.png 982B nav-icon.png 262B slider4.jpg 251KB arrow_up.png 983B pen.png 1KB icon.png 7KB nav-icon1.png 262B slider2.jpg 325KB slider1.jpg 281KB sprite.png 976B
index.html 15KB js jquery.min.js 91KB move-top.js 1KB easing.js 5KB jquery.cslider.js 7KB jquery.magnific-popup.js 45KB menu.js 1KB modernizr.custom.28468.js 7KB owl.carousel.js 37KB jquery.easing.1.3.js 8KB app mobile css style.css 7KB images divice.jpg 48KB sliderbg.jpg 28KB arrow_up1.png 982B nav-icon.png 257B pen.png 948B img-slide.png 11KB Thumbs.db 107KB sprite.png 976B index.html 5KB web css magnific-popup.css 18KB slider.css 18KB owl.carousel.css 11KB style.css 14KB images slider3.jpg 147KB slider5.jpg 245KB divice.jpg 48KB sliderbg.jpg 246KB arrow_up1.png 982B nav-icon.png 262B slider4.jpg 251KB arrow_up.png 983B pen.png 1KB icon.png 7KB nav-icon1.png 262B Thumbs.db 98KB slider2.jpg 325KB slider1.jpg 281KB sprite.png 976B index.html 15KB js jquery.min.js 91KB move-top.js 1KB easing.js 5KB jquery.cslider.js 7KB jquery.magnific-popup.js 45KB menu.js 1KB modernizr.custom.28468.js 7KB owl.carousel.js 37KB jquery.easing.1.3.js 8KB smartphone css magnific-popup.css 16KB slider.css 16KB owl.carousel.css 9KB style.css 8KB images slider3.jpg 147KB slider5.jpg 245KB divice.jpg 48KB sliderbg.jpg 46KB arrow_up1.png 982B nav-icon.png 262B slider4.jpg 251KB pen.png 1KB icon.png 7KB Thumbs.db 98KB slider2.jpg 325KB slider1.jpg 281KB sprite.png 952B index.html 14KB js jquery.min.js 91KB move-top.js 1KB easing.js 5KB jquery.cslider.js 7KB jquery.magnific-popup.js 45KB menu.js 1KB modernizr.custom.28468.js 7KB owl.carousel.js 37KB jquery.easing.1.3.js 8KB资源评论
芝麻粒儿
- 粉丝: 6w+
- 资源: 2万+
最新资源
- 【岗位说明】贸易公司QC岗位工作职责说明.doc
- 【岗位说明】贸易公司出纳岗位职责.doc
- 【岗位说明】贸易部岗位职责.doc
- 【岗位说明】国际贸易部经理岗位职责.doc
- 【岗位说明】国际贸易部部门职责.doc
- 【岗位说明】国际贸易部岗位职责.doc
- 【岗位说明】贸易有限公司出纳会计岗位工作职责.doc
- 【岗位说明】外贸岗位职责.docx
- 【岗位说明】贸易公司文员岗位职责说明书.doc
- 【岗位说明】贸易有限公司运营部经理岗位工作职责.doc
- 【岗位说明】外贸跟单员岗位职责.docx
- 【岗位说明】外贸部主管岗位职责.doc
- 【岗位说明】外贸工作人员岗位职责.docx
- 【岗位说明】外贸公司销售部人员岗位职责.doc
- 【岗位说明】外贸业务经理工作岗位职责.doc
- 【岗位说明】业务员岗位职责.doc
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
