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="css/style.css" type="text/css" media="screen" /> 
	
		<!--[if IE 6]>
		<script src="js/DD_belatedPNG.js"></script>
		<script>
  			DD_belatedPNG.fix('img');
		</script>
	<![endif]--> 
	
</head>

<body>
	
	<div id="container">
	
		<div id="header">
			<a href="#"><img src="img/logo.jpg" width="147" height="111" alt="logo" /></a>
			<ul>
				<li><a href="#">Home</a></li>
				<li><a href="#">Lorum</a></li>
				<li><a href="#">Ipsum</a></li>
				<li><a href="#">Dollor</a></li>
				<li><a href="#">Sit</a></li>
			</ul>
			<div id="afspraak">
				<img src="img/phone.png" width="21" height="24" alt="phone" />
				<h4>Call us right now</h4>
				<p>012 34 567 89</p>
			</div>
		</div> <!-- END HEADER --> 
		
		<div id="featured">
			<img src="img/featured.jpg" width="938" height="152" alt="featured" />
		</div> <!-- END FEATURED --> 
		
		<div id="content">
			<div class="block" >
				<h2>Lorem ipsum dolor sit</h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla auctor scelerisque velit. 
				Proin sed euismod risus. Phasellus rhoncus urna sit amet justo pharetra iaculis. 
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce suscipit diam magna. 
				Quisque sem ligula, egestas a tincidunt feugiat, tincidunt at massa. </p>
				
				<p>Ut ut nibh sed diam interdum molestie vitae sed sapien. Vivamus quis sem te6lus. 
				Phasellus quis orci ac est sagittis suscipit. Ut sem nisi, vestibulum vel mollis ac, 
				malesuada non mi. Donec aliquam eleifend laoreet.</p>
			</div>
			<div class="block" >
				<h2>Lorem ipsum dolor</h2>
				<p>Ut ut nibh sed diam interdum molestie vitae sed sapien. Vivamus quis sem te6lus. 
				Phasellus quis orci ac est sagittis suscipit. Ut sem nisi, vestibulum vel mollis ac, 
				malesuada non mi. Donec aliquam eleifend laoreet.</p>
				
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla auctor scelerisque velit. 
				Proin sed euismod risus. Phasellus rhoncus urna sit amet justo pharetra iaculis. 
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce suscipit diam magna. 
				Quisque sem ligula, egestas a tincidunt feugiat, tincidunt at massa. </p>
			</div>
			<div class="block">
				<img src="img/img_1.jpg" width="285" height="190" alt="img" />
				<a href="#"><img src="img/img_2.jpg" width="286" height="79" alt="img2" /></a>
			</div>
		</div> <!-- END CONTENT --> 
				
		<div id="footer">
			<a href="#">&#169; 2011 - Lorum&#232;ta &#160;|&#160; Lorum ipsum dollor sit</a>
		</div>
	
	</div> <!-- END CONTAINER --> 

<p style="position: fixed; top: 20px; right: 120px;" >
	<a href="http://validator.w3.org/check?uri=https%3A%2F%2Fwww.psdtohtmlshop.com%2FExamples%2FExample-14%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>