<!DOCTYPE html>
<html lang="en">
<head>
<title>News</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.6.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/Swis721_Cn_BT_400.font.js"></script>
<script type="text/javascript" src="js/Swis721_Cn_BT_700.font.js"></script>
<script type="text/javascript" src="js/tabs.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 id="page2">
<div class="body1">
<div class="body2">
<div class="body5">
<div class="main">
<!-- header -->
<header>
<div class="wrapper">
<h1><a href="index.html" id="logo">Progress Business Company</a></h1>
<nav>
<ul id="menu">
<li id="nav1"><a href="index.html">Home<span>Welcome!</span></a></li>
<li id="nav2" class="active"><a href="News.html">News<span>Fresh</span></a></li>
<li id="nav3"><a href="Services.html">Services<span>for you</span></a></li>
<li id="nav4"><a href="Products.html">Products<span>The best</span></a></li>
<li id="nav5"><a href="Contacts.html">Contacts<span>Our Address</span></a></li>
</ul>
</nav>
</div>
</header><div class="ic">More Website Templates at TemplateMonster.com!</div>
<!-- header end-->
</div>
</div>
</div>
</div>
<div class="body3">
<div class="main">
<!-- content -->
<article id="content">
<div class="wrapper tabs">
<div class="tab-content" id="tab1">
<h5><span class="dropcap"><strong>28</strong><span>06</span></span>Lorem ipsum dolor sit amet consectetur adipisicing elit</h5>
<div class="wrapper pad_bot2">
<figure class="left marg_right1"><img src="images/page2_img1.jpg" alt=""></figure>
<p class="pad_bot1">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.</p>
<a href="#" class="link1">Read More</a>
</div>
<h5><span class="dropcap"><strong>25</strong><span>06</span></span>Duis aute irure dolor in reprehenderit</h5>
<div class="wrapper pad_bot2">
<figure class="left marg_right1"><img src="images/page2_img2.jpg" alt=""></figure>
<p class="pad_bot1">Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur.</p>
<a href="#" class="link1">Read More</a>
</div>
<h5><span class="dropcap"><strong>21</strong><span>06</span></span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem</h5>
<div class="wrapper pad_bot2">
<figure class="left marg_right1"><img src="images/page2_img3.jpg" alt=""></figure>
<p class="pad_bot1">Vel illum qui dolorem eum fugiat quo voluptas nulla pariatur. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis.</p>
<a href="#" class="link1">Read More</a>
</div>
</div>
<div class="tab-content" id="tab2">
<h5><span class="dropcap"><strong>25</strong><span>06</span></span>Duis aute irure dolor in reprehenderit</h5>
<div class="wrapper pad_bot2">
<figure class="left marg_right1"><img src="images/page2_img2.jpg" alt=""></figure>
<p class="pad_bot1">Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur.</p>
<a href="#" class="link1">Read More</a>
</div>
<h5><span class="dropcap"><strong>21</strong><span>06</span></span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem</h5>
<div class="wrapper pad_bot2">
<figure class="left marg_right1"><img src="images/page2_img3.jpg" alt=""></figure>
<p class="pad_bot1">Vel illum qui dolorem eum fugiat quo voluptas nulla pariatur. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis.</p>
<a href="#" class="link1">Read More</a>
</div>
<h5><span class="dropcap"><strong>28</strong><span>06</span></span>Lorem ipsum dolor sit amet consectetur adipisicing elit</h5>
<div class="wrapper pad_bot2">
<figure class="left marg_right1"><img src="images/page2_img1.jpg" alt=""></figure>
<p class="pad_bot1">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.</p>
<a href="#" class="link1">Read More</a>
</div>
</div>
<div class="tab-content" id="tab3">
<h5><span class="dropcap"><strong>21</strong><span>06</span></span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem</h5>
<div class="wrapper pad_bot2">
<figure class="left marg_right1"><img src="images/page2_img3.jpg" alt=""></figure>
<p class="pad_bot1">Vel illum qui dolorem eum fugiat quo voluptas nulla pariatur. At vero eos et
国外优秀HTML网页源代码(上) （1084个子文件） 
MailHandler.ashx 2KB prettyPhoto.css 17KB prettyPhoto.css 16KB style.css 14KB style.css 12KB style.css 12KB style.css 11KB style.css 10KB style.css 9KB style.css 9KB style.css 9KB style.css 8KB grid.css 8KB style.css 8KB style.css 7KB style.css 7KB style.css 7KB style.css 7KB style.css 6KB style.css 5KB grid.css 5KB style.css 5KB grid.css 5KB grid.css 5KB demo.css 3KB style.css 3KB style.css 3KB grid_12.css 3KB grid_12.css 3KB grid_12.css 3KB grid_12.css 3KB forms.css 2KB idea.css 2KB 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 ie.css 996B slider.css 956B fonts.css 953B reset.css 936B reset.css 918B reset.css 918B reset.css 918B reset.css 918B reset.css 905B reset.css 905B layout.css 852B reset.css 816B reset.css 816B layout.css 813B layout.css 729B layout.css 724B layout.css 713B slider.css 699B ie.css 460B ie.css 194B ie.css 107B ie.css 93B ie.css 81B ie.css 50B ie.css 24B ie.css 24B ie6.css 20B ie6.css 20B style_ie.css 14B
top-bg.gif 46KB logo.gif 36KB logo.gif 25KB cont-box-top.gif 17KB slogan.gif 12KB logo.gif 8KB bottom-bg.gif 8KB logo.gif 8KB logo.gif 5KB prev.gif 4KB next.gif 4KB block-1.gif 4KB marker-2.gif 4KB search.gif 4KB marker-2.gif 4KB marker-1.gif 4KB line-1.gif 4KB marker-1.gif 4KB marker-3.gif 4KB header.gif 4KB marker.gif 3KB loader.gif 2KB loader.gif 2KB loader.gif 2KB loader.gif 2KB loader.gif 2KB loader.gif 2KB button.gif 2KB page3_img1.gif 2KB共 1084 条
- 1
- 2
- 3
- 4
- 5
- 6
- 11
资源评论
lxiaojiang102014-07-16非常好、分享万岁
