<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="en" />
<meta name="robots" content="all,follow" />
<meta name="author" lang="en" content="" />
<meta name="copyright" lang="en" content="" />
<meta name="description" content="..." />
<meta name="keywords" content="..." />
<link rel="stylesheet" media="screen,projection" type="text/css" href="css/main.css" />
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="css/main-msie.css" /><![endif]-->
<link rel="stylesheet" media="screen,projection" type="text/css" href="css/scheme.css" />
<link rel="stylesheet" media="print" type="text/css" href="css/print.css" />
<title>Your website name | Homepage</title>
</head>
<body>
<div id="main">
<!-- Header -->
<div id="header">
<!-- Your logo -->
<h1 id="logo"><a href="#">Your <span>website</span> name</a></h1>
<hr class="noscreen" />
<!-- Your slogan -->
<p id="slogan">Place for your great slogan</p>
<hr class="noscreen" />
<!-- Hidden navigation -->
<p class="noscreen noprint"><em>Quick links: <a href="#content">content</a>, <a href="#nav">navigation</a>, <a href="#search">search</a>.</em></p>
<hr class="noscreen" />
</div> <!-- /header -->
<!-- 2 columns (content + sidebar) -->
<div id="cols" class="box">
<!-- Content -->
<div id="content">
<!-- Top story -->
<div id="topstory" class="box">
<div id="new"></div> <!-- New -->
<div id="topstory-title">
<h2><a href="#">Lorem ipsum dolor sit amet</a></h2>
<p class="info">Published: <strong>15. 01. 2008</strong>, <strong><a href="#">15 comments</a></strong></p>
</div> <!-- /topstory-title -->
<div id="topstory-in">
<p><img src="tmp/image.gif" width="150" height="113" alt="" class="f-left" />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In estem at pulvinar accumsan lacus. Ut vehicula, orci sed volutpat posuere,
sapien tus bibendum pede, sed auctor magna nulla ac purus. Cras rutrum orci in neque. Aeneanile molestie. In hac habitasse platea
dictumst. Maecenas velit risus, egestas ati rhoncus dictum, mattis vel, sapien. Donec ac lectus. Vivamus tincidunt mael ullamcorper
massa. Nulla facilisi. Nam et purus.</p>
</div> <!-- /topstory-in -->
</div> <!-- /topstory -->
<div id="topstory-bottom"></div>
<hr class="noscreen" />
<div class="inner_copyright">Collect from <a href="http://www.moobnn.com/" target="_blank" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a></div>
<!-- Older posts -->
<div class="content-in box" id="cols50">
<!-- Left column -->
<div class="col50">
<ul class="ul-list">
<li>
<a href="#">Lorem ipsum dolor sit amet</a><br />
Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
<span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="#">15 comments</a></strong></span>
</li>
<li>
<a href="#">Lorem ipsum dolor sit amet</a><br />
Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
<span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="#">15 comments</a></strong></span>
</li>
<li>
<a href="#">Lorem ipsum dolor sit amet</a><br />
Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
<span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="#">15 comments</a></strong></span>
</li>
<li>
<a href="#">Lorem ipsum dolor sit amet</a><br />
Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
<span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="#">15 comments</a></strong></span>
</li>
<li>
<a href="#">Lorem ipsum dolor sit amet</a><br />
Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
<span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="#">15 comments</a></strong></span>
</li>
</ul>
</div> <!-- /col50 -->
<!-- Right column -->
<div class="col50 f-right">
<ul class="ul-list">
<li>
<a href="#">Lorem ipsum dolor sit amet</a><br />
Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
<span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="#">15 comments</a></strong></span>
</li>
<li>
<a href="#">Lorem ipsum dolor sit amet</a><br />
Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
<span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="#">15 comments</a></strong></span>
</li>
<li>
<a href="#">Lorem ipsum dolor sit amet</a><br />
Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
<span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="#">15 comments</a></strong></span>
</li>
<li>
<a href="#">Lorem ipsum dolor sit amet</a><br />
Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
<span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="#">15 comments</a></strong></span>
</li>
<li>
<a href="#">Lorem ipsum dolor sit amet</a><br />
Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
<span class="smaller low">Published: <strong>15. 01.