<!--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 Bicycle 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=Fauna+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- start slider -->
<link rel="stylesheet" type="text/css" href="./css/slider.css" />
<script src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/modernizr.custom.28468.js"></script>
<script type="text/javascript" src="./js/jquery.cslider.js"></script>
<!----smoth-scrolling---->
<script type="text/javascript">
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
</script>
<!----smoth-scrolling---->
<script type="text/javascript">
$(function()
$('#da-slider').cslider({
autoplay : true,
bgincrement : 450
});
});
</script>
<script type="text/javascript">
$(function() {
$('#da-slider1').cslider({
autoplay : true,
bgincrement : 450
});
});
</script>
<!-----script------------->
<script type="text/javascript" src="./js/menu.js"></script>
<!-----script------------->
</head>
<body>
<div id="top" class="main_bg" >
<div class="wrap">
<!-----start-header----->
<div class="header">
<header id="topnav">
<nav>
<ul>
<li class="active"><a href="#about-us" class="scroll">about us<img src="./images/dot.png" alt=""></a> </li>
<li><a href="#work" class="scroll">work</a></li>
<li><a href="#shop" class="scroll">shop <img src="./images/dot.png" alt=""></a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
<div class="clear"> </div>
</ul>
</nav>
<h1><a href="index.html"><img src="./images/logo.png" alt=""/> </a></h1>
<a href="#" id="navbtn">Nav Menu</a>
<div class="clear"> </div>
</header>
</div>
</div>
</div>
<div class="about-us" id="about-us">
<div class="wrap">
<div class="about">
<div class="span">
<img src="./images/about-icon.png" alt="">
</div>
<h1>A new generation of vintage bike</h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
</div>
</div>
</div>
<div class="work" id="work">
<div class="work">
<div class="bike-left">
<img src="./images/w-bycle.png" alt="">
</div>
<div class="bike-right">
<div class="lable">
<img src="./images/w-icon.png" alt="">
<h2>Vintage oliva</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.<i>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, <span>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</span></i></p>
</div>
<div class="line">
<img src="./images/line.png" alt="">
</div>
<div class="lable2">
<img src="./images/pic2.jpg" alt="">
</div>
</div>
<div class="clear"> </div>
</div>
<div class="clear"> </div>
<div class="work2">
<div class="work-left">
<div class="lable3">
<img src="./images/w-icon2.png" alt="">
<h3>Laboriosa</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.<span>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,but also the leap into electronic typesetting, remaining essentially unchanged .</span> </p>
</div>
<div class="line">
<img src="./images/line.png" alt="">
</div>
<div class="lable5">
<img src="./images/pic3.jpg" alt="">
</div>
</div>
<div class="work-right">
<img src="./images/w-bycle2.png" alt="">
</div>
<div class="clear"> </div>
</div>
<div class="work3">
<div class="w3-left">
<img src="./images/w-sidebycle.png" alt="">
</div>
<div class="work-middle">
<div class="lable4">
<img src="./images/w-icon3.png" alt="">
<h3>Retro bike-m.hulot</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. <i>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,<span>but also the leap into electronic typesetting, remaining essentially unchanged .</span></i> </p>
</div>
<div class="line">
<img src="./images/line.png" alt="">
</div>
<div class="lable6">
<img src="./images/pic4.jpg" alt="">
</div>
</div>
<div class="w3-right">
<img src="./images/w-sidebike2.jpg" alt="">
</div>
<div class="clear"> </div>
</div>
</div>
<div class="clear"> </div>
<div class="text-slider">
<div id="da-slider" class="da-slider"><!-- start slider -->
<div class="da-slide">
<img src="./images/twt-icon.png" alt="">
<h2>AOD New York @aod <span>/35min </span></h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
</div>
<div class="da-slide">
<img src="./images/twt-icon.png" alt="">
<h2>AOD New York @aod <span>/35min </span></h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
</div>
<div class="da-slide">
<img src="./images/twt-icon.png" alt="">
<h2>AOD New York @ aod <span>/35min </span></h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
</div>
<div class="da-slide">
<img src="./images/twt-icon.png" alt="">
<h2>AOD New York @aod <span>/35min </span></h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
</div>
</div><!-- end slider -->
</div>
<!------------start-shop------->
<div class="sho
html5pc静态模板 自行车产品介绍网页模板 （含响应式）.rar
版权申诉
28 浏览量
2023-03-11
14:17:29
上传
评论
收藏 11.69MB RAR 举报
html5pc静态模板 自行车产品介绍网页模板 （含响应式）.rar （134个子文件） 
style.css 24KB slider.css 18KB slider.css 16KB style.css 14KB style.css 8KB
index.html 12KB index.html 11KB index.html 7KB
bg.jpg 242KB shop6.jpg 195KB shop6.jpg 195KB shop4.jpg 153KB shop5.jpg 136KB shop5.jpg 135KB shop5.jpg 135KB shop2.jpg 122KB shop2.jpg 122KB shop2.jpg 113KB shop3.jpg 110KB shop3.jpg 110KB shop8.jpg 91KB shop8.jpg 91KB w-sidebike2.jpg 90KB w-sidebike2.jpg 90KB w-sidebike2.jpg 87KB shop8.jpg 84KB shop7.jpg 57KB shop7.jpg 57KB shop6.jpg 56KB shop7.jpg 55KB shop1.jpg 47KB shop1.jpg 47KB shop1.jpg 45KB shop4.jpg 44KB shop4.jpg 44KB pic2.jpg 43KB pic2.jpg 40KB pic2.jpg 40KB pic4.jpg 39KB shop3.jpg 37KB bg.jpg 33KB pic3.jpg 31KB bg.jpg 27KB pic3.jpg 20KB pic3.jpg 20KB pic4.jpg 19KB pic4.jpg 19KB 2.jpg 16KB jquery.min.js 91KB jquery.min.js 91KB responsiveCarousel.js 65KB responsiveCarousel.js 65KB modernizr.custom.28468.js 7KB modernizr.custom.28468.js 7KB jquery.cslider.js 7KB jquery.cslider.js 7KB easing.js 5KB easing.js 5KB hover.zoom.js 2KB hover.zoom.js 2KB move-top.js 1KB move-top.js 1KB menu.js 1KB menu.js 1KB
w-bycle.png 1.08MB w-bycle.png 1.08MB w-bycle2.png 1019KB w-bycle2.png 1019KB w-sidebycle2.png 764KB w-sidebycle2.png 764KB w-sidebycle.png 542KB w-sidebycle.png 542KB w-sidebycle2.png 262KB w-sidebycle.png 214KB w-sit2.png 195KB w-sit2.png 195KB w-st.png 186KB w-st.png 186KB w-icon3-img.png 166KB w-icon3-img.png 166KB w-bycle2.png 104KB w-st.png 99KB w-bycle.png 79KB w-icon3-img.png 71KB w-sit2.png 62KB logo.png 4KB logo.png 3KB logo.png 3KB zoom.png 3KB zoom.png 3KB zoom.png 2KB about-icon.png 2KB about-icon.png 2KB about-icon.png 2KB w-icon2.png 1KB w-icon2.png 1KB w-icon2.png 1KB pro.png 1KB pro.png 1KB pro.png 1KB共 134 条
- 1
- 2
资源评论
