Preview - HTML - CSS

<!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" xml:lang="en" lang="en">
<head>
	<title></title>
	<link rel="stylesheet" href="style/style.css" type="text/css" /> 
	
	<!--[if IE]>
    	<link href="style/iestyle.css" rel="stylesheet" type="text/css" /> 
	<![endif] -->
	
</head>

<body>

	<div id="page" >
		
		<div id="header" >
			<div id="logo">
				<a href="#"><img src="img/logo.gif" alt="logotjeeee" /></a>
			</div>
			<div id="rss">
				<div id="rss_icon"><a href="#"><img src="img/rss.gif" alt="Rss" /></a></div>
				<div id="rss_text"><span><a href="#">RSS</a></span> Feed<br />2986 Readers</div>
			</div>
			<ul id="pages_nav">
				<li><a href="#">About Us</a></li>
				<li><a href="#">Products</a></li>
				<li><a href="#">Services</a></li>
				<li><a href="#">Contact Us</a></li>
			</ul>
		</div>
		
		<div id="page_body">
			<div id="content">
			
				<div class="post" >
					<h2>Lorem ipsum dolor sit amet</h2>
					<div class="date" >Monday, January 15, 20011 14:55</div>
					<div class="comments">29</div>
					<img src="img/image.jpg" alt="city skyline" />
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 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. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua[...]</p>
					<div class="cat" >Posted under: Lorem category, Ipsum amet, Dolar sit</div>
				</div>
				
				<div class="post" >
					<h2>Lorem ipsum dolor sit amet</h2>
					<div class="date" >Monday, January 15, 20011 14:55</div>
					<div class="comments">29</div>
					<img src="img/image.jpg" alt="city skyline" />
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 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. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua[...]</p>
					<div class="cat" >Posted under: Lorem category, Ipsum amet, Dolar sit</div>
				</div>
				
				<div class="post" >
					<h2>Lorem ipsum dolor sit amet</h2>
					<div class="date" >Monday, January 15, 20011 14:55</div>
					<div class="comments">29</div>
					<img src="img/image.jpg" alt="city skyline" />
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 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. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua[...]</p>
					<div class="cat" >Posted under: Lorem category, Ipsum amet, Dolar sit</div>
				</div>
			
			</div><!-- END CONTENT --> 
			<div id="sidebar">
				<div id="sidebar_search">
					<h2>Search</h2>
					<form action="" method="get">
						<input name="" type="text" value="Search.." class="search_text" />
						<input type="image" src="img/go-btn.png" class="search_button" value="Go" />
					</form>
				</div>
				
				<div id="categories" >
					<h2>Categories</h2>
					<ul>
						<li><a href="#">Lorum Ipsum</a></li>
						<li><a href="#">Dollar sit</a></li>	
						<li><a href="#">Consectetuer adipiscing</a></li>	
						<li><a href="#">Aenean commodo</a></li>	
						<li><a href="#">Oenean massa</a></li>	
						<li><a href="#">Natoque penatibus</a></li>						
					</ul>
				</div>
				
				<div id="archives">
 					<h2>Archives</h2>
 					<ul>
 						<li><a href="#">December 2008</a></li>
 						<li><a href="#">January 2009</a></li>
 						<li><a href="#">February 2009</a></li>
 					</ul>
				</div>
 
				<div id="blogroll">
 					<h2>Blogroll</h2>
 					<ul>
 						<li><a href="#">Blog 1</a></li>
 						<li><a href="#">Blog 2</a></li>
 						<li><a href="#">Blog 3</a></li>
 					</ul>
				</div>
				
				<div id="sidebar_footer">
				</div>
			</div><!-- END SIDEBAR --> 
		</div><!-- END PAGE BODY --> 
		
		<div id="footer">
			
		</div>
	
	</div>

<p style="position: fixed; top: 20px; right: 120px;" >
	<a href="http://validator.w3.org/check?uri=https%3A%2F%2Fwww.psdtohtmlshop.com%2FExamples%2FExample-17%2Findex.html" rel="nofollow" target="_blank" >
		<img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" />
	</a>
</p>

<p style="position: fixed; top: 20px; right: 10px;">
	<a href="http://jigsaw.w3.org/css-validator/" rel="nofollow" target="_blank" >
   	<img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valide CSS!" />
   </a>
</p>

</body>
</html>