<!DOCTYPE html>
<html lang="en">
<head>
<title>News & Press</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/Vegur_700.font.js"></script>
<script type="text/javascript" src="js/Vegur_400.font.js"></script>
<script type="text/javascript" src="js/Vegur_300.font.js"></script>
<script type="text/javascript" src="js/atooltip.jquery.js"></script>
<script type="text/javascript" src="js/script.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">
.box1 figure {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="page3">
<div class="body1">
<div class="main">
<!-- header -->
<header>
<div class="wrapper">
<h1><a href="index.html" id="logo">Hope Center</a></h1>
<nav>
<ul id="top_nav">
<li><a href="index.html"><img src="images/top_icon1.gif" alt=""></a></li>
<li><a href="#"><img src="images/top_icon2.gif" alt=""></a></li>
<li class="end"><a href="Contact.html"><img src="images/top_icon3.gif" alt=""></a></li>
</ul>
</nav>
<nav>
<ul id="menu">
<li><a href="index.html">Home</a></li>
<li><a href="Mission.html">Our Mission</a></li>
<li id="menu_active"><a href="News.html">News & Press</a></li>
<li><a href="Help.html">How to Help</a></li>
<li><a href="Contact.html">Contact</a></li>
</ul>
</nav>
</div>
</header><div class="ic">More Website Templates © TemplateMonster.com - July 18th 2011!</div>
<!-- / header -->
<!-- content -->
<article id="content" class="tabs">
<div class="wrapper">
<div class="box1">
<div class="wrapper">
<section class="col1">
<h2><strong>P</strong>ress<span>About Us</span></h2>
<div class="line1">
<figure class="left marg_right1"><img src="images/page3_img1.jpg" alt=""></figure>
<p class="pad_bot1">
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.
</p>
<p class="pad_bot2">
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.
</p>
</div>
</section>
</div>
</div>
</div>
<div class="wrapper">
<ul class="nav">
<li><a href="#2003">2003</a></li>
<li><a href="#2004">2004</a></li>
<li><a href="#2005">2005</a></li>
<li><a href="#2006">2006</a></li>
<li><a href="#2007">2007</a></li>
<li><a href="#2008">2008</a></li>
<li><a href="#2009">2009</a></li>
<li><a href="#2010">2010</a></li>
<li class="selected"><a href="#2011">2011</a></li>
</ul>
</div>
<div class="wrapper">
<div class="box2">
<div class="wrapper tab-content" id="2011">
<section class="col1">
<h4><span>June 31</span>2011</h4>
<p class="pad_bot2"><strong>Sed ut perspiciatis unde omnis occaecati cupiditate non provident</strong></p>
<p class="pad_bot1">Natus error sit voluptatem accusantium doloremque laudantium architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, 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.</p>
<h4 class="color2"><span>June 29</span>2011</h4>
<p class="pad_bot2"><strong>Et harum quidem rerum facilis est et expedita distinctio</strong></p>
<p class="pad_bot1">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, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</p>
<h4 class="color3"><span>June 17</span>2011</h4>
<p class="pad_bot2"><strong>Sed ut perspiciatis unde omnis occaecati cupiditate non provident</strong></p>
Natus error sit voluptatem accusantium doloremque laudantium architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, 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.
</section>
</div>
<div class="wrapper tab-content" id="2003">
<section class="col1">
<h4><span>September 11</span>2003</h4>
<p class="pad_bot2"><strong>Ut perspiciatis unde omnis occaecati cupiditate non provident</strong></p>
<p class="pad_bot1">Natus error sit voluptatem accusantium doloremque laudantium architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, 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.</p>
<h4 class="color2"><span>November 19</span>2003</h4>
<p class="pad_bot2"><strong>Harum quidem rerum facilis est et expedita distinctio</strong></p>
<p class="pad_bot1">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, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</p>
<h4 class="color3"><span>December 27</span>2003</h4>
<p class="pad_bot2"><strong>Perspiciatis unde omnis occaecati cupiditate non provident</strong></p>
Natus error sit voluptatem accusantium doloremque laudantium architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, 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.
</section>
</div>
<div class="wrapper tab-content" id="2004">
<section class="col1">
<h4><span>April 13</span>2004</h4>
<p class="pad_bot2"><strong>Merspiciatis unde omnis occaecati cupiditate non provident</strong></p>
<p class="pad_bot1">Natus error sit voluptatem accusantium doloremque laudantium architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, 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.</p>
<h4 class="color2"><span>May 13</span>2004</h4>
<p class="pad_bot2"><strong>Natus quide
H207_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip
186 浏览量
2023-08-03
10:56:24
上传
评论
收藏 1.83MB ZIP 举报
H207_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （189个子文件） 
style.css 11KB style.css 10KB style.css 8KB grid.css 5KB grid_12.css 3KB reset.css 1KB slider.css 1KB reset.css 918B reset.css 841B layout.css 344B ie.css 236B ie.css 197B
slider-img1.gif 103KB border-1.gif 4KB marker.gif 4KB button-shadow.gif 2KB button-marker.gif 1KB icon2.gif 1KB icon3.gif 615B marker_1.gif 472B icon1.gif 365B top_icon1.gif 275B top_icon2.gif 266B button-tail.gif 264B button2-tail.gif 264B bot_icon.gif 235B slider-bg-tail.gif 217B line_vert1.gif 171B top_icon3.gif 168B bg_title2.gif 159B button2_bg.gif 158B bg_title3.gif 157B button3_bg.gif 156B slider-bg-tail2.gif 147B banner-tail2.gif 133B time-tail.gif 115B menu_active.gif 106B bg_title1.gif 103B button1_bg.gif 102B banner-tail.gif 100B header-tail.gif 55B line_vert2.gif 50B marker-1.gif 49B menu_line.gif 45B bg_top.gif 44B PIE.htc 40KB PIE.htc 33KB PIE.htc 28KB
News.html 20KB services.html 13KB index.html 11KB services.html 10KB company.html 10KB clients.html 10KB index.html 9KB about.html 8KB contacts.html 8KB index.html 8KB Mission.html 7KB clients.html 7KB projects.html 6KB Help.html 6KB contacts.html 6KB Contact.html 6KB
slider-img1.jpg 169KB img2.jpg 131KB img3.jpg 94KB img1.jpg 89KB slider-3.jpg 83KB slider-1.jpg 81KB slider-img3.jpg 73KB slider-img2.jpg 73KB slider-2.jpg 66KB page4-img2.jpg 26KB page4-img6.jpg 24KB page4-img1.jpg 24KB page4-img5.jpg 23KB page5-img1.jpg 21KB page4-img3.jpg 20KB page1-img1.jpg 18KB page4-img4.jpg 18KB page1-img2.jpg 18KB page1-img3.jpg 18KB page2-img1.jpg 17KB bg.jpg 17KB page2-img4.jpg 16KB page2-img5.jpg 15KB banner.jpg 15KB page2-img3.jpg 14KB page3_img1.jpg 14KB page2-img2.jpg 13KB page1_img1.jpg 12KB page4_img2.jpg 12KB page1_img3.jpg 11KB page4_img1.jpg 11KB page1_img2.jpg 10KB page1-img1.jpg 10KB page4_img3.jpg 9KB page2_img2.jpg 9KB bg_box1.jpg 8KB共 189 条
- 1
- 2
资源评论
