<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
<!--[if lt IE 7]>
<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 type="text/javascript" src="js/html5.js"></script>
<![endif]-->
</head>
<body id="page4">
<div class="extra">
<!--==============================header=================================-->
<header>
<div class="main">
<div class="border-top">
<div class="wrapper">
<h1><a href="index.html">Jason Smith</a></h1>
<nav>
<ul class="menu">
<li><a href="index.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="areas.html">Areas of Practice</a></li>
<li><a class="active" href="clients.html">Clients</a></li>
<li><a href="faq.html">FAQ</a></li>
<li class="last-item"><a href="contacts.html">Contacts</a></li>
</ul>
</nav>
</div>
</div>
<div class="slider-bg">
<div class="slider">
<div class="banner">
<strong class="title-1">REALIZE</strong>
<span class="text-1">your constitutional right for qualified</span>
<a class="link" href="#">legal help</a>
</div>
</div>
</div>
</div>
</header>
<!--==============================content================================-->
<section id="content"><div class="ic">More Website Templates @ TemplateMonster.com - January 02, 2012!</div>
<div class="main">
<div class="container_12">
<div class="wrapper img-indent-bot">
<article class="grid_4">
<div class="indent-left indent-top">
<h4 class="p2">Working Conditions</h4>
<ul class="list-2">
<li><a href="#">At vero eos et accusamus et iusto</a></li>
<li><a href="#">Odio dignissimos ducimus</a></li>
<li><a href="#">Blanditiis praesentium voluptatum</a></li>
<li><a href="#">Deleniti atque corrupti quos</a></li>
<li><a href="#">Rolores et quas molestias excepturi</a></li>
<li><a href="#">Sint occaecati cupiditate non</a></li>
<li><a href="#">Provident similique sunt in culpa</a></li>
<li><a href="#">Qui officia deserunt mollitia animi</a></li>
<li><a href="#">Laborum et dolorum fuga</a></li>
<li><a href="#">Et harum quidem rerum facilis</a></li>
</ul>
</div>
</article>
<article class="grid_8">
<div class="indent-left">
<h3>Our Clients</h3>
<div class="wrapper indent-bot">
<article class="col-1">
<figure class="p2"><a href="#"><img class="border" src="images/page4-img1.jpg" alt=""></a></figure>
<h6>Company Name</h6>
<p class="p0">At vero eos et accusamus et</p>
<a class="link" href="#">Learn More</a>
</article>
<article class="col-1">
<figure class="p2"><a href="#"><img class="border" src="images/page4-img2.jpg" alt=""></a></figure>
<h6>Company Name</h6>
<p class="p0">At vero eos et accusamus et</p>
<a class="link" href="#">Learn More</a>
</article>
<article class="col-2">
<figure class="p2"><a href="#"><img class="border" src="images/page4-img3.jpg" alt=""></a></figure>
<h6>Company Name</h6>
<p class="p0">At vero eos et accusamus et</p>
<a class="link" href="#">Learn More</a>
</article>
</div>
<div class="wrapper">
<article class="col-1">
<figure class="p2"><a href="#"><img class="border" src="images/page4-img4.jpg" alt=""></a></figure>
<h6>Company Name</h6>
<p class="p0">At vero eos et accusamus et</p>
<a class="link" href="#">Learn More</a>
</article>
<article class="col-1">
<figure class="p2"><a href="#"><img class="border" src="images/page4-img5.jpg" alt=""></a></figure>
<h6>Company Name</h6>
<p class="p0">At vero eos et accusamus et</p>
<a class="link" href="#">Learn More</a>
</article>
<article class="col-2">
<figure class="p2"><a href="#"><img class="border" src="images/page4-img6.jpg" alt=""></a></figure>
<h6>Company Name</h6>
<p class="p0">At vero eos et accusamus et</p>
<a class="link" href="#">Learn More</a>
</article>
</div>
</div>
</article>
</div>
<aside>
<div class="indent-left">
<h4>Other Clients</h4>
</div>
<div class="wrapper">
<article class="grid_4">
<div class="indent-left">
<ul class="list-1">
<li><a href="#">At vero eos et accusamus</a></li>
<li><a href="#">Iusto odio dignissimos ducimus</a></li>
<li><a href="#">Blanditiis praesentium voluptatum</a></li>
<li><a href="#">Deleniti atque corrupti quos dolores</a></li>
<li><a href="#">Quas molestias excepturi sint</a></li>
</ul>
</div>
</article>
<article class="grid_4">
<div class="indent-left">
<ul class="list-1">
<li><a href="#">Occaecati cupiditate non provident</a></li>
<li><a href="#">Similique sunt in culpa qui officia</a></li>
<li><a href="#">Deserunt mollitia animi id est</a></li>
<li><a href="#">Laborum et dolorum fuga harum</a></li>
<li><a href="#">Quidem rerum facilisst et expedita</a></li>
</ul>
</div>
</article>
<article class="grid_4">
<div class="indent-left">
<ul class="list-1">
<li><a href="#">Nam libero tempore, cum soluta nobis</a></li>
<li><a href="#">est eligendi optio cumque nihil impedit</a></li>
<li><a href="#">quo minus id quod maxime placeat</a></li>
<li><a href="#">facere possimus, omnis voluptas</a></li>
<li><a href="#">assumenda est, omnis dolor repellen</a></li>
</ul>
</div>
</article>
</div>
</aside>
</div>
</div>
<div class="block"></div>
</section>
</div>
<!--==============================footer=================================-->
<footer>
<div class="main">
<div class="footer-bg">
<div class="aligncenter">
Jason Smith © 2011<br> <a href="http//www.html5xcss3.com" target="_blank">Free Html5 Templates</a> <a class="link" rel="nofollow" href="http//www.templatemonster.com/">TemplateMonster.com</a>
</div>
</div>
</div>
</footer>
</body>
</html>
H248_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （35个子文件） 
H248 
faq.html 6KB js 
html5.js 1KB clients.html 7KB css style.css 8KB reset.css 918B grid.css 5KB contacts.html 5KB services.html 6KB index.html 6KB images 
slider-img-sp.jpg 57KB
page2-img5.png 1KB page4-img1.jpg 4KB slider-img.jpg 104KB
pic-1.gif 43B page2-img2.png 2KB banner-1.jpg 22KB page2-img3.png 1KB page4-img4.jpg 3KB circle.png 795B slider-bg.png 291KB page1-img1.jpg 15KB page4-img5.jpg 3KB page1-img2.jpg 14KB page2-img1.png 2KB border-top.gif 44B marker-1.gif 202B page4-img3.jpg 4KB page4-img6.jpg 3KB page1-img3.jpg 10KB slider-bg-sp.png 7KB menu-marker.gif 49B page2-img4.png 1KB page4-img2.jpg 5KB page3-img1.jpg 14KB areas.html 6KB资源评论
