<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Cycling Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='#css?family=Karla' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!-- jQuery -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- Add fancyBox main JS and CSS files -->
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<link href="css/magnific-popup.css" rel="stylesheet" type="text/css">
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
</head>
<body>
<div class="header">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/log.png" alt="" class="img-responsive"></a>
</div>
<div class="cssmenu">
<span class="menu"> <img src="images/icon.png" alt=""> </span>
<ul class="res">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<!-- script-for-menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.res" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- /script-for-menu -->
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="index-banner">
<div class="wmuSlider example1">
<div class="wmuSliderWrapper">
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="container">
<div class="col-md-6 slider-left">
<h3>We Believe</h3>
<h4>In Our Strength</h4>
<p class="top">Sed perspiciatis unde omnis</p>
<p class="middle">Nemo enim ipsam voluptatem</p>
<p class="bottom">The wise man always holds</p>
<button class="btn btn-8 btn-8b"><a class="popup-with-zoom-anim" href="#small-dialog">Order Now</a></button>
<!-- start magnific-->
<div id="small-dialog" class="mfp-hide">
<div class="plans_table">
<table width="100%" cellspacing="0" class="compare_plan">
<thead>
<tr>
<th class="plans-list"><h3>Modi tempora</h3></th>
<th class="plans-list"><h3>Basic</h3><h4>$5<small>/month</small></h4></th>
<th class="plans-list"><h3>Ipsum</h3><h4>$9<small>/month</small></h4></th>
</tr>
</thead>
<tfoot>
<tr>
<td> </td>
<td class="order_now"><a href="#account" class="scroll"><button>Order Now</button></a></td>
<td class="order_now"><a href="#account" class="scroll"><button>Order Now</button></a></td>
</tr>
</tfoot>
<tbody>
<tr>
<td class="plan_list_title">Ut enim ad</td>
<td class="price_body">Unlimited</td>
<td class="price_body">Unlimited</td>
</tr>
<tr>
<td class="plan_list_title">voluptate velit</td>
<td class="price_body">Unlimited</td>
<td class="price_body">Unlimited</td>
</tr>
<tr>
<td class="plan_list_title">Neque porro</td>
<td class="price_body"><img src="images/icon-remove.png" alt="img"></td>
<td class="price_body">Unlimited</td>
</tr>
<tr>
<td class="plan_list_title">Ut enim ad</td>
<td class="price_body"><img src="images/icon-remove.png" alt="img"></td>
<td class="price_body">Unlimited</td>
</tr>
<tr>
<td class="plan_list_title">voluptate velit</td>
<td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td>
<td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td>
</tr>
<tr>
<td class="plan_list_title">Neque porro</td>
<td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td>
<td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td>
</tr>
<tr>
<td class="plan_list_title">Bonorum </td>
<td class="price_body"><img src="images/icon-remove.png" alt="img"></td>
<td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td>
</tr>
<tr>
<td class="plan_list_title">Neque porro</td>
<td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td>
<td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td>
</tr>
<tr>
<td class="plan_list_title">Malorum</td>
<td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td>
<td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td>
</tr>
<tr>
<td class="plan_list_title">Temporibus autem</td>
<td class="price_body">$2/mo</td>
<td class="price_body">$2/mo</td>
</tr>
</tbody></table>
</div>
</div>
<!-- end magnific-->
</div>
<div class="col-md-6 slider-right">
<img src="images/banner-left.png" />
</div>
<div class="clearfix"> </div>
</div>
</article>
<article style="position: relative; width: 100%; opacity: 1;">
<div class="container">
<div class="col-md-6 slider-right">
<img src="images/banner-left.png" />
</div>
<div class="col-md-6 slider-left">
<h3>We Believe</h3>
<h4>In Our Strength</h4>
<p class="top">Sed perspiciatis unde omnis</p>
<p class="middle">Nemo enim ipsam voluptatem</p>
<p class="bottom">The wise man always holds</p>
<button class="btn btn-8 btn-8b"><a class="popup-with-zoom-anim" href="#small-dialog">Order Now</a></button>
</div>
<div class="clearfix"></div>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="container">
<div class="col-md-6 slider-left">
<h3>We Believe</h3>
<h4>In Our Strength</h4>
<p class="top">Sed perspiciatis unde omnis</p>
<p class="middle">Nemo enim ipsam voluptatem</p
自行车运动爱好者网站模板是一款html5模板，适合户外运动相关网页模板。_html网站模板_网页源码移动端前端_H5模.rar （140个子文件） 
bootstrap.css 138KB style.css 63KB magnific-popup.css 11KB elastislide.css 4KB colorbox.css 3KB
ajax-loader.gif 3KB loading.gif 895B
index.html 24KB single.html 23KB portfolio.html 23KB blog.html 18KB project.html 18KB about.html 16KB contact.html 11KB 404.html 7KB
blog-img8.jpg 200KB blog-img9.jpg 161KB blog-img10.jpg 122KB t-pic1.jpg 81KB t-pic2.jpg 74KB pic19.jpg 73KB blog-img7.jpg 71KB p9.jpg 69KB blog-img3.jpg 67KB blog-img2.jpg 67KB blog-img1.jpg 67KB blog-img4.jpg 61KB p10.jpg 58KB pic14.jpg 56KB blog-img5.jpg 56KB p7.jpg 51KB pic12.jpg 50KB p4.jpg 48KB g_zoom.jpg 46KB p5.jpg 44KB about-img.jpg 42KB p3.jpg 41KB p8.jpg 39KB p2.jpg 37KB p6.jpg 36KB banner.jpg 33KB p1.jpg 33KB blog-img6.jpg 31KB t-pic3.jpg 24KB pic8.jpg 23KB pic2.jpg 23KB t-pic5.jpg 22KB pic7.jpg 19KB pic1.jpg 19KB pic5.jpg 17KB pic3.jpg 16KB pic10.jpg 16KB about-img5.jpg 13KB about-img6.jpg 13KB t-pic4.jpg 12KB pic9.jpg 12KB c3.jpg 12KB pic6.jpg 11KB about-img2.jpg 11KB pic.jpg 10KB about-img9.jpg 10KB pic11.jpg 9KB about-img4.jpg 8KB about-img3.jpg 8KB pic4.jpg 8KB about-img7.jpg 8KB about-img8.jpg 7KB client7.jpg 5KB client8.jpg 5KB client5.jpg 4KB client1.jpg 4KB client3.jpg 4KB client6.jpg 4KB client2.jpg 4KB c2.jpg 4KB client4.jpg 4KB g3.jpg 4KB g6.jpg 4KB g1.jpg 4KB g2.jpg 4KB list-img5.jpg 3KB g4.jpg 3KB list-img4.jpg 3KB t-p1.jpg 3KB list-img1.jpg 3KB list-img2.jpg 3KB g5.jpg 3KB list-img.jpg 2KB c4.jpg 2KB c1.jpg 1KB jquery.min.js 90KB jquery.magnific-popup.js 45KB jquery.elastislide.js 13KB jquery.wookmark.js 12KB jquery.wmuSlider.js 12KB jquery.colorbox-min.js 10KB jquery.flexisel.js 8KB jquery.swipebox.min.js 7KB gallery.js 6KB jquery.tmpl.min.js 6KB共 140 条
- 1
- 2
资源评论
