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="stylesheets/style.css" type="text/css" media="screen" /> 
	
	<script src="js/cufon-yui.js" type="text/javascript"></script>
	
	<script src="js/Bleeding_Cowboys_400.font.js" type="text/javascript"></script>
	
	<script type="text/javascript">
		Cufon.replace('h1');
	</script>
	
</head>

<body>

	<div id="header">
		<div class="header_wrapper">
			<img src="images/poppetje.png" width="140" height="138" alt="poppetje" />
			<h1>Example 20</h1>
			
			<div class="stats">
				<ul>
					<li>67.230</li>
					<li>&#8364;5.000</li>
					<li>Maffiaboss</li>
					<li>1.000.000</li>
					<li>63</li>
					<li>100&#37;</li>
				</ul>
			</div>
			
		</div>
	</div>	<!-- END HEADER --> 
	
	<div id="content">
		<div class="container">
		
			<div class="content_left">
				<div class="menu_left">
					<h3>Algemeen</h3>
					<ul>
						<li><a href="#">Home</a></li>
						<li><a href="#">Home</a></li>
						<li><a href="#">Home</a></li>
						<li><a href="#">Home</a></li>
						<li><a href="#">Home</a></li>
						<li><a href="#">Home</a></li>
						<li><a href="#">Home</a></li>
					</ul>
				</div>
				
				<div class="menu_left">
					<h3>Algemeen</h3>
					<ul>
						<li><a href="#">Home</a></li>
						<li><a href="#">Home</a></li>
						<li><a href="#">Home</a></li>
						<li><a href="#">Home</a></li>
						<li><a href="#">Home</a></li>
						<li><a href="#">Home</a></li>
						<li><a href="#">Home</a></li>
					</ul>
				</div>
				
				<div class="menu_left">
					<h3>Algemeen</h3>
					<ul>
						<li><a href="#">Home</a></li>
						<li><a href="#">Home</a></li>
						<li><a href="#">Home</a></li>
						<li><a href="#">Home</a></li>
						<li><a href="#">Home</a></li>
						<li><a href="#">Home</a></li>
						<li><a href="#">Home</a></li>
					</ul>
				</div>
			</div> <!-- END CONTENT_LEFT --> 
			
			<div id="content_middle">
				<h2><a href="#">DownUp Terror</a> » <a class="normal" href="#">Criminaliteit</a> » <a href="#">Misdaden</a></h2>
				<div class="middle_content">
					<p>
						Phasellus aliquet turpis eget mi fringilla viverra vitae id diam. 
						Etiam facilisis, felis vel porta porta, magna nisi ornare velit, 
						et elementum dolor leo vitae quam. Sed sollicitudin lorem in turpis 
						facilisis lacinia. Quisque leo diam, tincidunt at posuere vel, 
						tincidunt et magna. Lorem ipsum dolor sit amet, consectetur 
						adipiscing elit. Ut faucibus molestie posuere. Sed pretium congue 
						neque vel mattis. Etiam vehicula convallis lectus non laoreet. Nulla 
						dolor lacus, egestas posuere porta gravida, sollicitudin sit amet 
						est. Vestibulum egestas, neque eu malesuada ultricies, purus ipsum 
						fringilla nunc, nec malesuada diam lacus ut neque.
					</p>
					<img src="images/godfather.jpg" width="170" height="140" alt="godfather" />
					<div class="clear"></div>
					<form method="get" action="">
						<table cellspacing="5" >
							<tr>
								<td class="radio" >
									<input type="radio" name="option1" value="ontvoeren" />
								</td>
								<td class="text" >
									<img src="images/vlag.png" width="15" height="15" alt="vlag" />
									<p>Lorem Ipsum is simply dummy text of the.</p>
								</td>
								<td class="percent" >
									<img src="images/bliksem.png" width="15" height="15" alt="bliksem" />
									23&#37;
								</td>
							</tr>
							
							<tr>
								<td class="radio" >
									<input type="radio" name="option1" value="ontvoeren" />
								</td>
								<td class="text" >
									<img src="images/vlag.png" width="15" height="15" alt="vlag" />
									<p>Lorem Ipsum is simply dummy text of the.</p>
								</td>
								<td class="percent" >
									<img src="images/bliksem.png" width="15" height="15" alt="bliksem" />
									23&#37;
								</td>
							</tr>
							
							<tr>
								<td class="radio" >
									<input type="radio" name="option1" value="ontvoeren" />
								</td>
								<td class="text" >
									<img src="images/vlag.png" width="15" height="15" alt="vlag" />
									<p>Lorem Ipsum is simply dummy text of the.</p>
								</td>
								<td class="percent" >
									<img src="images/bliksem.png" width="15" height="15" alt="bliksem" />
									23&#37;
								</td>
							</tr>
							
							<tr>
								<td class="radio" >
									<input type="radio" name="option1" value="ontvoeren" />
								</td>
								<td class="text" >
									<img src="images/vlag.png" width="15" height="15" alt="vlag" />
									<p>Lorem Ipsum is simply dummy text of the.</p>
								</td>
								<td class="percent" >
									<img src="images/bliksem.png" width="15" height="15" alt="bliksem" />
									23&#37;
								</td>
							</tr>
							
							<tr>
								<td class="radio" >
									<input type="radio" name="option1" value="ontvoeren" />
								</td>
								<td class="text" >
									<img src="images/vlag.png" width="15" height="15" alt="vlag" />
									<p>Lorem Ipsum is simply dummy text of the.</p>
								</td>
								<td class="percent" >
									<img src="images/bliksem.png" width="15" height="15" alt="bliksem" />
									23&#37;
								</td>
							</tr>
							
							<tr>
								<td class="radio" >
									<input type="radio" name="option1" value="ontvoeren" />
								</td>
								<td class="text" >
									<img src="images/vlag.png" width="15" height="15" alt="vlag" />
									<p>Lorem Ipsum is simply dummy text of the.</p>
								</td>
								<td class="percent" >
									<img src="images/bliksem.png" width="15" height="15" alt="bliksem" />
									23&#37;
								</td>
							</tr>
						</table>
						
						<div class="verzenden">
							<div class="misdaad">
								<a href="#" onclick="document.['formname'].submit(); return false" >Lorum Ipsum</a>
							</div>
							<div class="gevangenis">
								<a href="#">Go to jail</a>
							</div>
						</div>
						
					</form>
				</div>
			</div>
			
			<div id="content_right">
				<div class="content_left">
					<div class="menu_left">
						<h3>Algemeen</h3>
						<ul>
							<li><a href="#">Home</a></li>
							<li><a href="#">Home</a></li>
							<li><a href="#">Home</a></li>
							<li><a href="#">Home</a></li>
							<li><a href="#">Home</a></li>
							<li><a href="#">Home</a></li>
							<li><a href="#">Home</a></li>
						</ul>
					</div>
					
					<div class="menu_left">
						<h3>Algemeen</h3>
						<ul>
							<li><a href="#">Home</a></li>
							<li><a href="#">Home</a></li>
							<li><a href="#">Home</a></li>
							<li><a href="#">Home</a></li>
							<li><a href="#">Home</a></li>
							<li><a href="#">Home</a></li>
							<li><a href="#">Home</a></li>
						</ul>
					</div>
				
					<div class="menu_left">
						<h3>Algemeen</h3>
						<ul>
							<li><a href="#">Home</a></li>
							<li><a href="#">Home</a></li>
							<li><a href="#">Home</a></li>
							<li><a href="#">Home</a></li>
							<li><a href="#">Home</a></li>
							<li><a href="#">Home</a></li>
							<li><a href="#">Home</a></li>
						</ul>
					</div>
				</div> <!-- END CONTENT_LEFT --> 
			</div> <!-- END CONTENT_RIGHT --> 
			
		</div> <!-- END CONTAINER --> 
	</div> <!-- END CONTENT --> 
	
	<div id="celar"></div>
	
	<div id="footer">
		<p>Lorum <a href="#">Dollor sit</a><span>&#169; Lorum Ipsum - simply dummy text</span>Dsimply dummy text</p>
	</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-20%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>