<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.5.2.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/Amaranth_400.font.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/scroll.js"></script>
<script type="text/javascript" src="js/atooltip.jquery.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<style type="text/css">
.bg{ behavior: url(js/PIE.htc); }
</style>
<![endif]-->
<!--[if lt IE 7]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http//www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http//www.theie6countdown.com/images/upgrade.jpg" border="0" alt="" /></a>
</div>
<![endif]-->
</head>
<body>
<div class="extra">
<div id="page_2">
<div class="main">
<!--header -->
<header>
<h1><a href="#page_1">Business</a></h1>
<nav>
<ul class="menu">
<li class="active"><a href="#page_2">News</a></li>
<li><a href="#page_3">Services</a></li>
<li><a href="#page_4">Products</a></li>
<li><a href="#page_5">FAQ</a></li>
<li><a href="#page_6">Contacts</a></li>
</ul>
</nav>
</header>
<!--header end-->
<!--content -->
<section class="content">
<article class="col1">
<h2>Latest News & Events</h2>
<div class="wrapper pad_bot1">
<figure class="left marg_right1"><img src="images/page1_img1.jpg" alt=""></figure>
<p class="pad_bot1">May 16, 2011<br>
<strong class="color1">Lorem ipsum dolor sit amet consectetur adipiscing</strong></p>
<p>
Business is one of <a href="http//blog.templatemonster.com/free-website-templates/" target="_blank">free website templates</a> created by TemplateMonster.com team. This website template is optimized for 1024X768 screen resolution. It is also XHTML & CSS valid. This website template has several pages: <a href="#page_2">News</a>, <a href="#page_3">Services</a>, <a href="#page_4">Products</a>, <a href="#page_5">FAQ</a>, <a href="#page_6">Contacs</a> (contact us form – doesn’t work).</p>
</div>
<div class="wrapper">
<figure class="left marg_right1"><img src="images/page1_img2.jpg" alt=""></figure>
<p class="pad_bot1">May 12, 2011<br>
<strong class="color1">Libero mauris varius mivitae suscipit ipsum</strong></p>
<p>
This <a href="http//blog.templatemonster.com/2011/05/23/free-website-template-for-efficient-business-project/" target="_blank">Business Template</a> goes with two packages – with PSD source files and without them. PSD source files are available for free for the registered members of Templates.com. The basic package (without PSD source is available for anyone without registration).</p>
</div>
</article>
<article class="col2 pad_left1">
<h2>News Archive</h2>
<ul class="list1">
<li><a href="#">May ‘11</a></li>
<li><a href="#">April ’11</a></li>
<li><a href="#">March ‘11</a></li>
<li><a href="#">February ’11</a></li>
<li><a href="#">January ‘11</a></li>
<li><a href="#">December ’10</a></li>
<li><a href="#">November ‘10</a></li>
<li><a href="#">October ’10</a></li>
<li><a href="#">September ‘10</a></li>
<li><a href="#">August ’10</a></li>
<li><a href="#">July ‘10</a></li>
</ul>
</article>
</section>
<!--content end-->
</div>
<div class="block"></div>
</div>
</div>
<div class="main">
<!--footer -->
<footer>
<ul class="icons">
<li><a href="#" class="normaltip" title="Facebook"><img src="images/icon1.jpg" alt=""></a></li>
<li><a href="#" class="normaltip" title="Delicious"><img src="images/icon2.jpg" alt=""></a></li>
<li><a href="#" class="normaltip" title="Stumble Upon"><img src="images/icon3.jpg" alt=""></a></li>
<li><a href="#" class="normaltip" title="Twitter"><img src="images/icon4.jpg" alt=""></a></li>
<li><a href="#" class="normaltip" title="Linkedin"><img src="images/icon5.jpg" alt=""></a></li>
<li><a href="#" class="normaltip" title="Reddit"><img src="images/icon6.jpg" alt=""></a></li>
</ul>
</footer>
<!--footer end-->
</div>
<div class="extra">
<div id="page_3">
<div class="main">
<!--header -->
<header>
<h1><a href="#page_1">Business</a></h1>
<nav>
<ul class="menu">
<li><a href="#page_2">News</a></li>
<li class="active"><a href="#page_3">Services</a></li>
<li><a href="#page_4">Products</a></li>
<li><a href="#page_5">FAQ</a></li>
<li><a href="#page_6">Contacts</a></li>
</ul>
</nav>
</header>
<!--header end-->
<!--content -->
<section class="content">
<h2>Services Overview</h2>
<article class="col1">
<div class="wrapper pad_bot1">
<figure class="left marg_right1"><a href="#"><img src="images/page2_img1.png" alt=""></a></figure>
<p class="pad_bot1"><strong class="color1">Management</strong></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing eitseo eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="wrapper pad_bot1">
<figure class="left marg_right1"><a href="#"><img src="images/page2_img2.png" alt=""></a></figure>
<p class="pad_bot1"><strong class="color1">Banking</strong></p>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore euugiat nulla pariatur.</p>
</div>
<div class="wrapper pad_bot1">
<figure class="left marg_right1"><a href="#"><img src="images/page2_img3.png" alt=""></a></figure>
<p class="pad_bot1"><strong class="color1">Insurance</strong></p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolorem- que laudantium, totam rem aperiam.</p>
</div>
</article>
<article class="col1 pad_left1">
<div class="wrapper pad_bot1">
<figure class="left marg_right1"><a href="#"><img src="images/page2_img4.png" alt=""></a></figure>
<p class="pad_bot1"><strong class="color1">Planning</strong></p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolorem- que laudantium, totam rem aperiam.</p>
</div>
<div class="wrapper pad_bot1">
<figure class="left marg_right1"><a href="#"><img src="images/page2_img5.png" alt=""></a></figure>
<p class="pad_bot1"><strong class="color1">Tax Services</strong></p>
<p>Veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas.</p>
</div>
<div class="wrapper pad_bot1">
<figure class="left marg_right1"><a href="#"><img src="images/page2_img6.png" alt=""></a></figure>
<p class="pad_bot1"><strong class="color1">Coaching</strong></p>
<p>Sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
</div>
</article>
</section>
<!--content end-->
</div>
<div class="block"></div>
</div>
</div>
<div class="main">
<!--footer -->
<footer>
<ul class="icons">
<li><a href="#" class="normaltip" title="Facebook"><img src="images/icon1.jpg" alt=""></a></li>
<li><a href="#" class="normaltip" title="Delicious"><img
H673_html手机网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （40个子文件） 
H673 js 
Amaranth_400.font.js 91KB scroll.js 1KB PIE.htc 28KB html5.js 1KB jquery-1.5.2.js 222KB cufon-yui.js 18KB atooltip.jquery.js 4KB cufon-replace.js 85B script.js 109B css style.css 5KB layout.css 2KB reset.css 936B
index.html 21KB images 
page2_img4.png 11KB
page3_img3.jpg 32KB page1_img1.jpg 23KB page2_img1.png 8KB page2_img5.png 11KB opacity_50_black.png 194B menu_bg.png 91KB page3_img1.jpg 25KB logo.png 25KB icon3.jpg 1KB page3_img4.jpg 23KB
bg.gif 168B icon2.jpg 613B caption_bg.png 192B bg2.gif 166B icon4.jpg 868B page2_img6.png 13KB icon1.jpg 803B icon6.jpg 1015B page1_img2.jpg 22KB marker_1.gif 54B icon5.jpg 913B page3_img6.jpg 24KB page2_img3.png 13KB page3_img2.jpg 13KB page2_img2.png 12KB page3_img5.jpg 21KB资源评论
