<!DOCTYPE HTML>
<html>
<head>
<!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="favicon.ico">
<title>Walk & Ride: Free Responsive HTML 5 Template</title>
<meta name="description" content="A free responsive HTML 5 template with a clean style.">
<meta name="keywords" content="free template, html 5, responsive, clean, scss">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="address=no">
<link rel="stylesheet" href="css/style.css">
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<script src="js/respond.js"></script>
<![endif]-->
</head>
<body class="no-js">
<div class="main">
<header>
<div class="wrap">
<img src="upload/iphone.png" height="532" width="252" alt="" class="header-img">
<div class="header-wrapper">
<h1>Walk & Ride <span>Template</span></h1>
<p>With a smartphone and the right app, you can find any spot on Earth. But the best navigation apps do a lot more. Look out for that speed trap.</p>
<p class="autor"><a href="#">Dan Rowinski</a></p>
<div class="buttons-wrapper">
<a href="#" class="button">Download App</a>
<a href="#" class="button button-stripe">Learn more</a>
</div>
</div>
<!-- /.header-wrapper -->
</div>
<!-- /.wrap -->
</header>
<div class="spanning">
<div class="promo clearfix">
<div class="wrap">
<div class="promo-wrapper clearfix">
<div class="promo-column">
<img src="upload/pin.png" height="32" width="24" alt="">
<h5>Places</h5>
<p>Seamlessly empower fully researched growth strategies and interoperable internal sources.</p>
</div>
<div class="promo-column">
<img src="upload/settings.png" height="32" width="33" alt="">
<h5>Settings</h5>
<p>Collaboratively administrate turnkey channels whereas virtual e-tailers an other media. </p>
</div>
<div class="promo-column">
<img src="upload/easy.png" height="32" width="34" alt="">
<h5>Easy</h5>
<p>Interactively procrastinate high-payoff content without backward-compatible data. </p>
</div>
<div class="promo-column">
<img src="upload/saturn.png" height="32" width="32" alt="">
<h5>Global</h5>
<p>Credibly innovate granular internal or "organic" sources whereas high standards in web-readiness. </p>
</div>
</div>
</div>
<!-- /.wrap -->
</div>
<!-- /.promo clearfix -->
<div class="discover clearfix">
<div class="wrap">
<div class="discover-content clearfix">
<h2>Discover</h2>
<p>Human rights momentum. World problem solving turmoil, change movements environmental pursue these aspirations initiative donation. Policy dialogue, underprivileged accessibility, asylum visionary, prevention beneficiaries carbon emissions reductions empower.</p>
<div class="discover-button clearfix">
<a href="#" class="button button-download">
<span class="button-download-title">Download for</span>
<span class="button-download-subtitle">Apple iOS</span>
</a>
<a href="#" class="button button-download android">
<span class="button-download-title">Download for</span>
<span class="button-download-subtitle">Android</span>
</a>
</div>
</div>
<div class="discover-img">
<div class="discover-img-inside"><img src="upload/discover.png" height="486" width="634" alt=""></div>
</div>
</div>
<!-- /.wrap -->
</div>
<!-- /.discover clearfix -->
<div class="video clearfix">
<div class="wrap">
<div class="video-title">Explore. Walk & Ride in action</div>
<div class="video-subtitle">Just try it for yourself</div>
<div class="video-block">
<iframe src="//player.vimeo.com/video/106575373?portrait=0" width="814" height="458" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<div class="video-share-wrapper clearfix">
<ul class="social-list clearfix">
<li class="video-share-title">Share it with your friends:</li>
<li><a href="#" class="social-twitter">via <strong>Twitter</strong></a></li>
<li><a href="#" class="social-facebook">via <strong>Facebook</strong></a></li>
<li><a href="#" class="social-google">via <strong>Google+</strong></a></li>
</ul>
</div>
</div>
<!-- /.wrap -->
</div>
<!-- /.videos clearfix -->
<div class="comments clearfix">
<div class="wrap">
<div class="tab">
<div class="box visible">
<h4>People talking about <a href="#">#WalkandRide</a></h4>
<p>Join our #WalkandRide adventure. Meet up in London this Saturday! Spread the word and join us for fun.</p>
</div>
<div class="box">
<h4>Users loving <a href="#">#WalkandRide</a></h4>
<p>Joining this weekend's #WalkandRide fun! @emmy_lemmy bring your dogs, we can make it a fun walk!</p>
</div>
<div class="box">
<h4>Folks enjoying <a href="#">#WalkandRide</a></h4>
<p>Nothing to fear, the new #WalkandRide has my tiny street covered, so cool and such a powerful app.</p>
</div>
<ul class="tabs">
<li class="active"></li>
<li></li>
<li></li>
</ul>
<a href="#" class="tab-prev"></a>
<a href="#" class="tab-next"></a>
</div>
</div>
<!-- /.wrap -->
</div>
<!-- /.comments clearfix -->
<div class="simple clearfix">
<div class="wrap">
<div class="simple-content">
<h3>The Simplest UI</h3>
<ul>
<li class="clearfix"><img src="upload/ico1.png" height="32" width="32" alt=""><span>Fastest navigation</span></li>
<li class="
国外app介绍网站.rar （29个子文件） 
国外app介绍类网站 js 
library.js 2KB html5.js 2KB respond.js 4KB retina.js 3KB jquery.js 94KB min script.min.js 956B script.js 1KB css style.css 18KB
index.html 10KB images 
sprite@2x.png 2KB sprite.psd 732KB
header.jpg 73KB sprite.png 780B touch apple-touch-icon.png 1KB apple-touch-icon-114x114.png 2KB apple-touch-icon-72x72.png 1KB apple-touch-icon-144x144.png 3KB upload easy.png 191B pin.png 567B ico2.png 367B settings.png 269B iphone.png 138KB discover.png 86KB screen.png 452KB ico3.png 800B ico4.png 405B ico5.png 504B saturn.png 664B ico1.png 623B资源评论
