<!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">
36个漂亮的各类型网站源代码
需积分: 44 138 浏览量
2013-11-14
16:47:20
上传
评论
收藏 56.26MB RAR 举报
36个漂亮的各类型网站源代码 （1950个子文件） 
MailHandler.ashx 2KB prettyPhoto.css 17KB prettyPhoto.css 17KB prettyPhoto.css 16KB style.css 14KB style.css 12KB style.css 12KB style.css 12KB style.css 11KB style.css 11KB styles.css 10KB style.css 10KB style.css 9KB style.css 9KB style.css 9KB style.css 9KB style.css 9KB style.css 8KB style.css 8KB grid.css 8KB style.css 8KB style.css 8KB style.css 7KB style.css 7KB style.css 7KB style.css 7KB style.css 7KB style.css 7KB style.css 7KB style.css 7KB style.css 7KB style.css 6KB style.css 6KB style.css 5KB style.css 5KB style.css 5KB grid.css 5KB grid.css 5KB style.css 5KB grid.css 5KB grid.css 5KB grid.css 5KB grid.css 5KB grid.css 5KB style.css 4KB demo.css 3KB demo.css 3KB style.css 3KB style.css 3KB style.css 3KB style.css 3KB grid_12.css 3KB grid_12.css 3KB grid_12.css 3KB grid_12.css 3KB grid_12.css 3KB grid_12.css 3KB forms.css 2KB style.css 2KB forms.css 2KB idea.css 2KB idea.css 2KB layout.css 2KB slider.css 1KB slider.css 1KB slider.css 1KB slider.css 1KB demo.css 1KB demo.css 1KB forms.css 1KB reset.css 1KB reset.css 1KB reset.css 1KB reset.css 1KB reset.css 1KB reset.css 1KB reset.css 1KB reset.css 1KB slider.css 1KB ie.css 996B slider.css 956B slider.css 954B fonts.css 953B fonts.css 953B reset.css 936B reset.css 936B reset.css 918B reset.css 918B reset.css 918B reset.css 918B reset.css 918B reset.css 918B reset.css 918B reset.css 905B reset.css 905B reset.css 905B layout.css 852B reset.css 817B reset.css 816B reset.css 816B共 1950 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
资源评论
web_01
- 粉丝: 3
- 资源: 24
