<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
Remove this if you use the .htaccess -->
<title>Tri by AwfulMedia.com</title>
<meta name="description" content="" />
<meta name="author" content="Austin" />
<!--Grab the Stylesheets-->
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/flexslider.css" rel="stylesheet" type="text/css">
<meta name="viewport" content="width=device-width; initial-scale=1.0" />
<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
</head>
<body>
<div class="container">
<header class="sixteen columns alpha omega">
<a href="index.html"><img class="brand" src="img/logo.png" alt="Tri"></a>
<nav class="main-nav sixteen columns">
<ul class="ten columns alpha">
<li><a href="index.html">Home</a></li>
<li><a href="portfolio.html">Work</a></li>
<li><a href="contact.html">Hire me</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
<div class="social six columns omega">
<a href="#"></a>
<a href="#"></a>
</div> <!--Close Social Div-->
</nav>
</header>
<div class="sixteen columns">
<div class="h-border">
<div class="heading">
<h1>Our Work</h1>
</div><!--Close "Heading" Div-->
</div><!--Close H-border Div-->
</div>
<section class="latest-work row">
<div class="one-third column thumbnail">
<a href="#">
<img src="img/thumb-1.jpg" alt="Thumb">
<div class="details">
<h2>Tri by AwfulMedia</h2>
<p>Here's some description of the Tri template by AwfulMedia</p>
</div><!--Close Details Div-->
</a>
</div><!--Close Thumbnail Div-->
<div class="one-third column thumbnail">
<a href="#">
<img src="img/thumb-1.jpg" alt="Thumb">
<div class="details">
<h2>Tri by AwfulMedia</h2>
<p>Here's some description of the Tri template by AwfulMedia</p>
</div><!--Close Details Div-->
</a>
</div><!--Close Thumbnail Div-->
<div class="one-third column thumbnail">
<a href="#">
<img src="img/thumb-1.jpg" alt="Thumb">
<div class="details">
<h2>Tri by AwfulMedia</h2>
<p>Here's some description of the Tri template by AwfulMedia</p>
</div><!--Close Details Div-->
</a>
</div><!--Close Thumbnail Div-->
</section>
<section class="latest-work row">
<div class="one-third column thumbnail">
<a href="#">
<img src="img/thumb-1.jpg" alt="Thumb">
<div class="details">
<h2>Tri by AwfulMedia</h2>
<p>Here's some description of the Tri template by AwfulMedia</p>
</div><!--Close Details Div-->
</a>
</div><!--Close Thumbnail Div-->
<div class="one-third column thumbnail">
<a href="#">
<img src="img/thumb-1.jpg" alt="Thumb">
<div class="details">
<h2>Tri by AwfulMedia</h2>
<p>Here's some description of the Tri template by AwfulMedia</p>
</div><!--Close Details Div-->
</a>
</div><!--Close Thumbnail Div-->
<div class="one-third column thumbnail">
<a href="#">
<img src="img/thumb-1.jpg" alt="Thumb">
<div class="details">
<h2>Tri by AwfulMedia</h2>
<p>Here's some description of the Tri template by AwfulMedia</p>
</div><!--Close Details Div-->
</a>
</div><!--Close Thumbnail Div-->
</section>
<section class="latest-work row">
<div class="one-third column thumbnail">
<a href="#">
<img src="img/thumb-1.jpg" alt="Thumb">
<div class="details">
<h2>Tri by AwfulMedia</h2>
<p>Here's some description of the Tri template by AwfulMedia</p>
</div><!--Close Details Div-->
</a>
</div><!--Close Thumbnail Div-->
<div class="one-third column thumbnail">
<a href="#">
<img src="img/thumb-1.jpg" alt="Thumb">
<div class="details">
<h2>Tri by AwfulMedia</h2>
<p>Here's some description of the Tri template by AwfulMedia</p>
</div><!--Close Details Div-->
</a>
</div><!--Close Thumbnail Div-->
<div class="one-third column thumbnail">
<a href="#">
<img src="img/thumb-1.jpg" alt="Thumb">
<div class="details">
<h2>Tri by AwfulMedia</h2>
<p>Here's some description of the Tri template by AwfulMedia</p>
</div><!--Close Details Div-->
</a>
</div><!--Close Thumbnail Div-->
</section>
<footer class="row">
<div class="eight columns omega">
<p>©2012 Tri Media, Inc. - More Templates <a href="http://www.htmldivcss.com/" target="_blank" title="模板在线">模板在线</a> - Collect from <a href="http://www.htmldivcss.com/" title="网页模板" target="_blank">网页模板</a></p>
</div>
<nav class="eight columns alpha">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="portfolio.html">Work</a></li>
<li><a href="contact.html">Hire me</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
</nav>
</footer>
</div><!--Close Container Div-->
<!--Grab JS Files-->
<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript" src="js/jquery.flexslider.js" ></script>
<script type="text/javascript">
// Can also be used with $(document).ready()
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide"
});
});
</script>
</body>
</html>
710_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （26个子文件） 
710 
blog-post.html 4KB portfolio.html 6KB js 
jquery.flexslider-min.js 16KB jquery.flexslider.js 39KB jquery.js 90KB
1.jpg 65KB img 
bg_direction_nav.png 2KB logo.png 17KB icon-2.png 7KB icon-1.png 4KB feature-1.png 36KB twitter.png 2KB thumb-1.jpg 31KB cross-pattern.png 3KB by-awfulmedia.png 123KB facebook.png 2KB blog-thumb.png 90KB css style.css 19KB flexslider.css 3KB skeleton.css 10KB layout.css 2KB base.css 9KB ie-style.css 66B index.html 5KB contact.html 4KB blog.html 4KB资源评论
