<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Full News, Secured Theme</title>
<meta name="keywords" content="news page, multi-level comments, secured theme, free css template, templatemo, red layout" />
<meta name="description" content="News Page, 4-column fixed layout, multi-level comments, Secured Theme by templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="js/jquery.min.js" ></script>
<script type="text/javascript" src="js/jquery-ui.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});
</script>
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
<script type="text/javascript" src="js/ddsmoothmenu.js">
/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript">
ddsmoothmenu.init({
mainmenuid: "templatemo_menu", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
function clearText(field)
{
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
<script type="text/JavaScript" src="js/slimbox2.js"></script>
</head>
<body>
<div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title"><a href="http://www.htmldivcss.com/">模板在线</a></div>
<div id="templatemo_search">
<form action="#" method="get">
<input type="text" value="Enter a keyword" name="keyword" id="keyword" title="keyword"
onfocus="clearText(this)" onblur="clearText(this)" class="txt_field" />
<input type="submit" name="Search" value="" alt="Search" id="searchbutton" title="Search" class="sub_btn" />
</form>
<ul id="social">
<li><a href="#" title="#" class="social_other" target="_blank"></a></li>
<li><a href="#"><img src="images/rss.png" alt="RSS" /></a></li>
<li><a href="#/templatemo"><img src="images/facebook.png" alt="facebook" /></a></li>
<li><a href="#"><img src="images/twitter.png" alt="twitter" /></a></li>
<li><a href="#"><img src="images/flickr.png" alt="flickr" /></a></li>
<li><a href="#"><img src="images/skype.png" alt="skype" /></a></li>
</ul>
</div>
</div> <!-- END of header -->
<div id="templatemo_menu" class="ddsmoothmenu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="news.html" class="selected">News</a>
<ul>
<li><a href="news.html">Category One</a></li>
<li><a href="news.html">Category Two</a></li>
<li><a href="news.html">Category Three</a></li>
<li><a href="news.html">Category Four</a></li>
<li><a href="news.html">Category Five</a></li>
</ul>
</li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="about.html">About</a></li>
<li class="last"><a href="contact.html">Contact</a></li>
</ul>
<br style="clear: left" />
</div> <!-- end of templatemo_menu -->
<div id="templatemo_main">
<div id="templatemo_content" class="left">
<div class="post">
<img src="images/news/01.jpg" alt="image 1" class="img_fl img_border img_border_b" />
<div>Posted Collect from <a href="#">Walter</a> in <a href="#">Technology</a></div>
<h2>Lorem Ipsum Dolor Sit Amet Consectetur</h2>
<p>Validate <a href="#" >XHTML</a> & <a href="#" >CSS</a>. Morbi venenatis augue sit amet ante facilisis feugiat sed in lectus. Vivamus imperdiet, ante a pretium vehicula, ante enim sodales mi, eu rutrum odio turpis eget arcu. Proin a elit nisl, id aliquam felis. Nunc ultrices iaculis quam, sed commodo erat tempus mollis. Duis ultricies nulla sed dolor egestas id.</p>
<p align="justify">Etiam nec turpis bibendum massa dapibus dictum. Donec eu odio sapien. Donec tincidunt eleifend mauris, ac volutpat leo tincidunt a. Aenean vel vehicula augue. Vestibulum lectus sem, porttitor non molestie quis, pulvinar nec nulla. Maecenas id orci vitae lectus fermentum posuere. <a href="#">Phasellus</a> lacinia eleifend elit, eu mollis erat consectetur et.</p>
<p align="justify">Vestibulum at lorem ac lectus rhoncus aliquet eget ac mauris. Proin nec nunc magna, eu blandit massa. Sed elementum nisi ut quam vehicula eu egestas nisi varius. <a href="#">Aenean semper</a> convallis mi eu congue. In vel neque orci. Nunc vitae luctus ligula. Etiam vulputate semper lorem quis gravida. Donec nec aliquam ipsum.</p>
</div>
<ol class="comment_list">
<li>
<div class="comment_box">
<img src="images/avator.jpg" alt="person 1" class="img_fl img_border" />
<div class="comment_content">
<div class="comment_meta"><strong><a href="#">Belle</a></strong> 20 October 2072 (9:45 pm)</div>
<p>Donec odio leo, rhoncus mattis sodales vitae, tempor ac nibh. Donec vel nibh vitae massa semper auctor. Pellentesque fringilla condimentum massa ac fermentum.</p>
<a href="#" class="more">Reply</a>
</div>
<div class="clear"></div>
</div>
</li>
<li>
<ul>
<li class="depth_2">
<div class="comment_box">
<img src="images/avator.jpg" alt="person 2" class="img_fl img_border" />
<div class="comment_content">
<div class="comment_meta"><strong><a href="#">George</a></strong> 21 October 2072 (10:22 am)</div>
<p>Vestibulum placerat purus vitae risus pretium lobortis in ac lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<a href="#" class="more">Reply</a>
</div>
<div class="clear"></div>
</div>
</li>
<ul>
<li class="depth_3">
<div class="comment_box">
<img src="images/avator.jpg" alt="person 3" class="img_fl img_border" />
<div class="comment_content">
<div class="comment_meta"><strong><a href="#">Anthony</a></strong> 22 October 2072 (11:15 pm)</div>
<p>Pellentesque ut diam vehicula, mattis nisi at, convallis neque. C
930js_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （88个子文件） 
930 
style.css 2KB js jquery-ui.min.js 180KB jquery-1.3.2.min.js 56KB ddsmoothmenu.js 7KB slimbox2.js 4KB jquery.min.js 56KB
1.jpg 128KB css ddsmoothmenu.css 2KB slimbox2.css 1KB
news_detail.html 15KB index.html 12KB contact.html 9KB about.html 12KB images templatemo_copyright.jpg 1KB
prevlabel.gif 1KB templatemo_image_02.jpg 4KB
onebit_16.png 2KB templatemo_logo.png 6KB templatemo_bullet.png 998B loading.gif 3KB flickr.png 2KB closelabel.gif 979B onebit_26.png 2KB templatemo_topbar.jpg 2KB skype.png 2KB gallery 06_l.jpg 78KB 02.jpg 6KB 07_l.jpg 102KB 06.jpg 6KB 10.jpg 7KB 03_l.jpg 128KB 01.jpg 8KB 05_l.jpg 84KB 04_l.jpg 102KB 08.jpg 6KB 01_l.jpg 110KB 11_l.jpg 79KB 07.jpg 7KB 12.jpg 6KB 12_l.jpg 77KB 02_l.jpg 95KB 05.jpg 6KB 09_l.jpg 76KB 11.jpg 5KB 04.jpg 8KB 08_l.jpg 80KB 09.jpg 5KB 10_l.jpg 71KB 03.jpg 9KB templatemo_more.png 1KB templatemo_image_03.jpg 3KB twitter.png 2KB hr.png 1005B selected-item.gif 1KB news 02.jpg 5KB 06.jpg 6KB 01.jpg 5KB 08.jpg 5KB 07.jpg 5KB 05.jpg 4KB 04.jpg 5KB 03.jpg 6KB templatemo_body.jpg 1KB facebook.png 2KB transparent-bg.gif 43B templatemo_search.jpg 2KB onebit_24.png 3KB templatemo_menu_divider.png 1KB nextlabel.gif 1KB rss.png 2KB templatemo_logo_PNG_source.png 59KB slider_hover.png 2KB transparent-bg.png 115B featured_list image1.jpg 43KB image4.jpg 53KB image2.jpg 45KB image2_small.jpg 3KB image1_small.jpg 3KB image3_small.jpg 4KB image4_small.jpg 3KB image3.jpg 51KB templatemo_menu.jpg 2KB templatemo_image_01.jpg 3KB avator.jpg 2KB templatemo_footer.jpg 6KB templatemo_style.css 10KB news.html 12KB gallery.html 10KB资源评论
