<!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">
没有合适的资源?快使用搜索试试~ 我知道了~
25个经典网站源代码

共1355个文件
jpg:429个
png:288个
gif:228个


25个经典网站源代码 有简约的有时尚的方便大家参考、模仿。
资源详情
资源评论
资源推荐
收起资源包目录





































































































共 1355 条
- 1
- 2
- 3
- 4
- 5
- 6
- 14
















飞哥SS
- 粉丝: 109
- 资源: 14

上传资源 快速赚钱
我的内容管理 收起
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助

会员权益专享
安全验证
文档复制为VIP权益,开通VIP直接复制

评论30