<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>About</title>
<meta name="format-detection" content="telephone=no" />
<link rel="icon" href="images/favicon.ico">
<link rel="shortcut icon" href="images/favicon.ico" />
<link rel="stylesheet" href="css/touchTouch.css">
<link rel="stylesheet" href="css/style.css">
<link href='http//fonts.googleapis.com/css?family=Economica:700' rel='stylesheet' type='text/css'>
<script src="js/jquery.js"></script>
<script src="js/jquery-migrate-1.1.1.js"></script>
<script src="js/script.js"></script>
<script src="js/jquery.ui.totop.js"></script>
<script src="js/superfish.js"></script>
<script src="js/jquery.equalheights.js"></script>
<script src="js/jquery.mobilemenu.js"></script>
<script src="js/touchTouch.jquery.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script>
$(document).ready(function(){
$().UItoTop({ easingType: 'easeOutQuart' });
$('.latest a.gal').touchTouch();
})
</script>
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http//windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http//storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<link rel="stylesheet" media="screen" href="css/ie.css">
<![endif]-->
</head>
<body id="top">
<!--==============================header=================================-->
<div class="main">
<header>
<div class="clear"></div>
<div class="container_12">
<div class="grid_12">
<h1>
<a href="index.html">
<img src="images/logo.png" alt="Your Happy Family">
</a>
</h1>
</div>
</div>
</header>
</div>
<div class="menu_block">
<div class="container_12">
<div class="grid_12">
<nav class="horizontal-nav full-width horizontalNav-notprocessed">
<ul class="sf-menu">
<li><a href="index.html">Home</a></li>
<li class="current"><a href="index-1.html">About</a></li>
<li><a href="index-2.html">Gallery</a></li>
<li><a href="index-3.html">Video</a></li>
<li><a href="index-4.html">Contacts</a></li>
</ul>
</nav>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="main">
<!--==============================Content=================================-->
<div class="content"><div class="ic">More Website Templates @ TemplateMonster.com - December 30, 2013!</div>
<div class="container_12">
<div class="grid_4">
<div class="box">
<div class="inner maxheight">
<h3>My Bio</h3>
<img src="images/page2_img.jpg" alt="" class="img_inner">
<p>
<strong class="col2"><a href="#">Lorem ipsum dolor sit amet, consectetur cingeit. In mollis erat ttis neque facilisis, sit amettricies era rutrum.</a></strong>
</p>
<p>
Cras facilisis, nulla vel viverra auctor, leo magna sodales felis, quis suada.nibh odio ut velit. Proin pharetra luctus diam, a scelerisque eros convallis mertoli noloto. accumsan. Maecenas vehicula egestas
</p>
Duis massa elit, auctor non pellentesque vellop, aliquet sit amet eratVivamus at magna non nunc tristique rhoncus. <br>
<a href="#" class="btn">More</a>
</div>
</div>
</div>
<div class="grid_4">
<div class="box">
<div class="inner maxheight">
<h3>My Equipment</h3>
<div class="block1">
<div class="count">A.</div>
<div class="extra_wrapper">
<p class="col2"><strong><a href="#">Consectetur cingeit. In mollis erat ttise facilisis, sit amettricies era rutru. </a></strong></p>
Luctus diam, a scelerisque eros convallis mertoli noloto. Maecenas vehiculamello egestasuis massa elit
</div>
</div>
<div class="block1">
<div class="count">B.</div>
<div class="extra_wrapper">
<p class="col2"><strong><a href="#">Dosectetur cingeit. An mollis eat twese facilisis, sit amettricies era rutre. </a></strong></p>
Luctus diam, a scelerisque eros convallis mertoli noloto. Maecenas vehiculamello egestasuis massa elit, auctor nonynn pellentesque vellopliquet
</div>
</div>
<div class="block1">
<div class="count">C.</div>
<div class="extra_wrapper">
<p class="col2"><strong><a href="#">Metsectetur cingeit. Omollis etwesemi acilisisit imettricies era rutrer ti. </a></strong></p>
Luctus diam, a scelerisque eros convallis mertoli noloto. Maecenas vehiculamello egestasuis massa elit, auctor nonynn pellentesque vellopliquet
</div>
</div>
</div>
</div>
</div>
<div class="grid_4">
<div class="box">
<div class="inner maxheight">
<h3>Latest Photos</h3>
<div class="latest">
<a href="images/big1.jpg" class="gal"><img src="images/page2_img1.jpg" alt=""></a>
<a href="images/big2.jpg" class="gal"><img src="images/page2_img2.jpg" alt=""></a>
<a href="images/big3.jpg" class="gal"><img src="images/page2_img3.jpg" alt=""></a>
<a href="images/big4.jpg" class="gal"><img src="images/page2_img4.jpg" alt=""></a>
<a href="images/big5.jpg" class="gal"><img src="images/page2_img5.jpg" alt=""></a>
<a href="images/big6.jpg" class="gal"><img src="images/page2_img6.jpg" alt=""></a>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="grid_12">
<div class="box1">
<div class="inner">
<blockquote>
<p>Integer convallis orci vel mi laoreet, aterto ornare lorem consequat. Phasellus erat nisl, auctor vel velit sed, pharetramulo venenatis nulla. Vestibulum volutpilom at turpis ut massa commodo noloty </p>
<div class="bq_bot"><span>Mark Brown</span>Client</div>
</blockquote>
<blockquote>
<p>Integer convallis orci vel mi laoreet, aterto ornare lorem consequat. Phasellus erat nisl, auctor vel velit sed, pharetramulo venenatis nulla. Vestibulum volutpilom at turpis ut massa commodo noloty </p>
<div class="bq_bot"><span>Elza Grey</span>Client</div>
</blockquote>
<blockquote>
<p>Integer convallis orci vel mi laoreet, aterto ornare lorem consequat. Phasellus erat nisl, auctor vel velit sed, pharetramulo venenatis nulla. Vestibulum volutpilom at turpis ut massa commodo noloty </p>
<div class="bq_bot"><span>Bred Wood</span>Client</div>
</blockquote>
</div>
</div>
</div>
</div>
</div>
<!--==============================footer=================================-->
<footer>
<div class="hor bg3"></div>
<div class="container_12">
<div class="grid_12">
<div class="socials">
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<div class="clear"></div>
</div>
<div class="copy">
© <span id="copyright-year"></span> | <a href="#">Privacy Policy</a> <br>
Website designed by <a href="http//www.templatemonster.com/" rel="nofollow">TemplateMonster.com</a>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>
H134_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip （79个子文件） 
H134 
index-1.html 8KB js 
PIE.htc 40KB TMForm.js 31KB html5shiv.js 2KB superfish.js 7KB jquery.mobilemenu.js 5KB jquery.easing.1.3.js 8KB jquery.equalheights.js 1KB jquery.js 91KB touchTouch.jquery.js 6KB jquery-migrate-1.1.1.js 17KB jquery.ui.totop.js 2KB script.js 1KB bat index-3.html 7KB css style.css 14KB superfish.css 3KB font-awesome.css 21KB reset.css 771B slider.css 3KB form.css 3KB grid.css 5KB ie.css 437B touchTouch.css 2KB index-4.html 7KB index-2.html 4KB index.html 6KB images 
page2_img3.jpg 10KB page3_img3.jpg 47KB
magnify.png 3KB page1_img1.jpg 38KB totop.png 4KB big2.jpg 253KB page1_img4.jpg 68KB big1.jpg 345KB big5.jpg 149KB page2_img4.jpg 12KB quotes_bg.png 1KB page3_img1.jpg 55KB big9.jpg 406KB big3.jpg 93KB logo.png 5KB photo_icon.png 2KB page2_img5.jpg 9KB page1_img3.jpg 39KB big6.jpg 346KB big12.jpg 190KB page3_img4.jpg 33KB penc_icon.png 1KB arrows.png 3KB socials.png 4KB
camera-loader.gif 9KB comment_icon.png 2KB page1_img2.jpg 57KB big8.jpg 342KB arrowws.png 2KB big4.jpg 289KB page3_img6.jpg 32KB page1_img7.jpg 31KB marker.png 1KB page2_img6.jpg 12KB page3_img2.jpg 43KB menu_sep.png 1KB video_icon.png 1KB page2_img.jpg 20KB page2_img2.jpg 19KB preloader.gif 9KB big11.jpg 152KB heart_icon.png 2KB big7.jpg 449KB page2_img1.jpg 16KB big10.jpg 157KB bg_body.png 28KB page3_img5.jpg 50KB page1_img6.jpg 37KB fonts FontAwesome.otf 61KB fontawesome-webfont.eot 37KB fontawesome-webfont.woff 43KB
fontawesome-webfont.svg 197KB fontawesome-webfont.ttf 79KB资源评论
qw_6918966011
- 粉丝: 26
- 资源: 6161
