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" />  
	
	<!--[if IE 9]>
		<link rel="stylesheet" href="stylesheets/ie9style.css" type="text/css" media="screen" /> 
	<![endif]-->
	
	<!--[if IE 8]>
		<link rel="stylesheet" href="stylesheets/ie8style.css" type="text/css" media="screen" /> 
	<![endif]-->
	
	<!--[if IE 7]>
		<link rel="stylesheet" href="stylesheets/ie7style.css" type="text/css" media="screen" /> 
	<![endif]-->
	
	<!--[if IE 6]>
		<link rel="stylesheet" href="stylesheets/ie6style.css" type="text/css" media="screen" /> 
		<script src="js/DD_belatedPNG.js"></script>
		<script>
  			DD_belatedPNG.fix('img, #header_content a.submit_video, #menu, #header_content a.submit_video:hover, .game .uitslag, .block_footer');
		</script>
	<![endif]-->
	
	<script src="js/checkbox.js" type="text/javascript"></script>	
	
  	<script src="js/cufon-yui.js" type="text/javascript"></script>
	<script src="fonts/Museo_Sans_100_250.font.js" type="text/javascript"></script>
	<script src="fonts/Museo_Sans_300_300.font.js" type="text/javascript"></script>
	<script src="fonts/Museo_Sans_700_600.font.js" type="text/javascript"></script>
	
	<script type="text/javascript">		
		Cufon.replace('h1', { fontFamily: 'Museo Sans 700' });
		Cufon.replace('h1 strong', { fontFamily: 'Museo Sans 100' });
		Cufon.replace('.content_top h2', { fontFamily: 'Museo Sans 300' });
	</script>
	
	<script type="text/javascript">
   	function DoNav(theUrl)
  			{
  				document.location.href = theUrl;
  			}
  	</script>
	
</head>

<body>
	
	<div id="wrapper">
	
		<div id="header">
			<div id="header_top">
				<div class="facebook">
					<a href="#">Follow us on facebook</a>
				</div>
				<div class="twitter">
					<a href="#">Follow us on twitter</a>
				</div>
				<div class="show_score">
						<label for="on_off">Lorum Ipsum: </label>
     					<input type="checkbox" id="on_off" />
				</div>
			</div>
			<div id="header_content" >
				<div class="logo">
					<a href="#">
						<img src="img/logo.png" width="76" height="55" alt="logo" />
					</a>
					<h1><strong>Example </strong>sixteen</h1>
				</div>
				<a class="submit_video" href="#">lorum ipsum</a>
			</div>
			<div id="menu">
				<ul>
					<li class="home">
						<a href="#">Lip</a>
					</li>
					<li class="menu_border"></li>
					<li>
						<a href="#">Ipsum</a>
					</li>
					<li class="menu_border"></li>
					<li>
						<a href="#">Dollor</a>
					</li>
					<li class="menu_border"></li>
					<li>
						<a href="#">Sit</a>
					</li>
					<li class="menu_border"></li>
					<li>
						<a href="#">Amett</a>
					</li>
					<li class="menu_border"></li>
					<li>
						<a href="#">Lorum Ipsum</a>
					</li>
				</ul>
				<div class="search">
					<form method="get" action="#">
						<input name="submit" id="submit" value="" type="submit" />
						<input name="s" id="input" type="text" value=""/>
						
						<!-- Voor het toevoegen van tekst de verdwijnt als je er op klikt:
						<input name="s" id="input" type="text" value="Zoek.." onfocus="if (this.value == 'Zoek..' ) { this.value = ''; }" onblur="if (this.value == '' ) { this.value = 'Zoek..'; }" />
						-->
						
					</form>
				</div>
			</div>
		</div>	
		
		<div id="search_content">
		
			<div class="search_head">
				<h2>Search Results</h2>
				<form method="get" action="#">
					<input name="input" id="search_i" type="text" value=""/>
					<input name="submit" id="search_s" value="Submit Query" type="submit" />
					
					<div class="checkboxes">
						<p>Fliter:</p>
						<label class="label_radio" for="check1">
							<input id="check1" name="check1" type="radio" value="1" />
							<span>First checkbox</span>
						</label>
					
						<label class="label_radio" for="check2">
							<input id="check2" name="check2" type="radio" value="1" />
							<span>Second checkbox</span>
						</label>
					
						<label class="label_radio" for="check3">
							<input id="check3" name="check3" type="radio" value="1" />
							<span>Third checkbox</span>
						</label>
					</div>
					
				</form>
				
			</div><!-- END SEARCH HEAD -->
			
			<div class="search_content">
				<table cellpadding="0" cellspacing="0" border="0" >
				
						<tr class="table_head">
							<td class="date" ><a href="#">Date &#160;<img src="img/icons/arrow_up.png" width="6" height="5" alt="arrow" />&#160;&#160;<img src="img/icons/arrow_down.png" width="6" height="5" alt="arrow" /></a></td>
							<td class="match" >Match</td>
							<td class="league" ><a href="#">League &#160;<img src="img/icons/arrow_up.png" width="6" height="5" alt="arrow" />&#160;&#160;<img src="img/icons/arrow_down.png" width="6" height="5" alt="arrow" /></a></td>
							<td class="videos" >Videos</td>
							<td class="result" >Result</td>
							<td class="bekijken" ></td>
						</tr>
						
						
						<tr class="table_game" onclick="DoNav('http://www.psdtohtmlshop.com');">
							<td class="date" >22-01-2012</td>
							<td class="match" >Juventus vs Real-Madrid</td>
							<td class="league" >Bundes Liga</td>
							<td class="videos" >9 Videos</td>
							<td class="result" >6-3</td>
							<td class="bekijken" ><a href="#">Watch Now</a></td>
						</tr>
						
						<tr class="table_game" onclick="DoNav('http://www.psdtohtmlshop.com');">
							<td class="date" >22-01-2012</td>
							<td class="match" >Juventus vs Real-Madrid</td>
							<td class="league" >Bundes Liga</td>
							<td class="videos" >9 Videos</td>
							<td class="result" >6-3</td>
							<td class="bekijken" ><a href="#">Watch Now</a></td>
						</tr>
						
						<tr class="table_game" onclick="DoNav('http://www.psdtohtmlshop.com');">
							<td class="date" >22-01-2012</td>
							<td class="match" >Juventus vs Real-Madrid</td>
							<td class="league" >Bundes Liga</td>
							<td class="videos" >9 Videos</td>
							<td class="result" >6-3</td>
							<td class="bekijken" ><a href="#">Watch Now</a></td>
						</tr>
						
						<tr class="table_game" onclick="DoNav('http://www.psdtohtmlshop.com');">
							<td class="date" >22-01-2012</td>
							<td class="match" >Juventus vs Real-Madrid</td>
							<td class="league" >Bundes Liga</td>
							<td class="videos" >9 Videos</td>
							<td class="result" >6-3</td>
							<td class="bekijken" ><a href="#">Watch Now</a></td>
						</tr>
						
						<tr class="table_game" onclick="DoNav('http://www.psdtohtmlshop.com');">
							<td class="date" >22-01-2012</td>
							<td class="match" >Juventus vs Real-Madrid</td>
							<td class="league" >Bundes Liga</td>
							<td class="videos" >9 Videos</td>
							<td class="result" >6-3</td>
							<td class="bekijken" ><a href="#">Watch Now</a></td>
						</tr>
						
						<tr class="table_game" onclick="DoNav('http://www.psdtohtmlshop.com');">
							<td class="date" >22-01-2012</td>
							<td class="match" >Juventus vs Real-Madrid</td>
							<td class="league" >Bundes Liga</td>
							<td class="videos" >9 Videos</td>
							<td class="result" >6-3</td>
							<td class="bekijken" ><a href="#">Watch Now</a></td>
						</tr>
						
						<tr class="table_game" onclick="DoNav('http://www.psdtohtmlshop.com');">
							<td class="date" >22-01-2012</td>
							<td class="match" >Juventus vs Real-Madrid</td>
							<td class="league" >Bundes Liga</td>
							<td class="videos" >9 Videos</td>
							<td class="result" >6-3</td>
							<td class="bekijken" ><a href="#">Watch Now</a></td>
						</tr>
						
						<tr class="table_game" onclick="DoNav('http://www.psdtohtmlshop.com');">
							<td class="date" >22-01-2012</td>
							<td class="match" >Juventus vs Real-Madrid</td>
							<td class="league" >Bundes Liga</td>
							<td class="videos" >9 Videos</td>
							<td class="result" >6-3</td>
							<td class="bekijken" ><a href="#">Watch Now</a></td>
						</tr>
						
						<tr class="table_game" onclick="DoNav('http://www.psdtohtmlshop.com');">
							<td class="date" >22-01-2012</td>
							<td class="match" >Juventus vs Real-Madrid</td>
							<td class="league" >Bundes Liga</td>
							<td class="videos" >9 Videos</td>
							<td class="result" >6-3</td>
							<td class="bekijken" ><a href="#">Watch Now</a></td>
						</tr>
						
						<tr class="table_game" onclick="DoNav('http://www.psdtohtmlshop.com');">
							<td class="date" >22-01-2012</td>
							<td class="match" >Juventus vs Real-Madrid</td>
							<td class="league" >Bundes Liga</td>
							<td class="videos" >9 Videos</td>
							<td class="result" >6-3</td>
							<td class="bekijken" ><a href="#">Watch Now</a></td>
						</tr>
						
						<tr class="table_game" onclick="DoNav('http://www.psdtohtmlshop.com');">
							<td class="date" >22-01-2012</td>
							<td class="match" >Juventus vs Real-Madrid</td>
							<td class="league" >Bundes Liga</td>
							<td class="videos" >9 Videos</td>
							<td class="result" >6-3</td>
							<td class="bekijken" ><a href="#">Watch Now</a></td>
						</tr>
						
						<tr class="table_game" onclick="DoNav('http://www.psdtohtmlshop.com');">
							<td class="date" >22-01-2012</td>
							<td class="match" >Juventus vs Real-Madrid</td>
							<td class="league" >Bundes Liga</td>
							<td class="videos" >9 Videos</td>
							<td class="result" >6-3</td>
							<td class="bekijken" ><a href="#">Watch Now</a></td>
						</tr>
						
						<tr class="table_game" onclick="DoNav('http://www.psdtohtmlshop.com');">
							<td class="date" >22-01-2012</td>
							<td class="match" >Juventus vs Real-Madrid</td>
							<td class="league" >Bundes Liga</td>
							<td class="videos" >9 Videos</td>
							<td class="result" >6-3</td>
							<td class="bekijken" ><a href="#">Watch Now</a></td>
						</tr>
						
						<tr class="table_game" onclick="DoNav('http://www.psdtohtmlshop.com');">
							<td class="date" >22-01-2012</td>
							<td class="match" >Juventus vs Real-Madrid</td>
							<td class="league" >Bundes Liga</td>
							<td class="videos" >9 Videos</td>
							<td class="result" >6-3</td>
							<td class="bekijken" ><a href="#">Watch Now</a></td>
						</tr>
						
						<tr class="table_game" onclick="DoNav('http://www.psdtohtmlshop.com');">
							<td class="date" >22-01-2012</td>
							<td class="match" >Juventus vs Real-Madrid</td>
							<td class="league" >Bundes Liga</td>
							<td class="videos" >9 Videos</td>
							<td class="result" >6-3</td>
							<td class="bekijken" ><a href="#">Watch Now</a></td>
						</tr>
						
						<tr class="table_game" onclick="DoNav('http://www.psdtohtmlshop.com');">
							<td class="date" >22-01-2012</td>
							<td class="match" >Juventus vs Real-Madrid</td>
							<td class="league" >Bundes Liga</td>
							<td class="videos" >9 Videos</td>
							<td class="result" >6-3</td>
							<td class="bekijken" ><a href="#">Watch Now</a></td>
						</tr>
						
						<tr class="table_game" onclick="DoNav('http://www.psdtohtmlshop.com');">
							<td class="date" >22-01-2012</td>
							<td class="match" >Juventus vs Real-Madrid</td>
							<td class="league" >Bundes Liga</td>
							<td class="videos" >9 Videos</td>
							<td class="result" >6-3</td>
							<td class="bekijken" ><a href="#">Watch Now</a></td>
						</tr>
						
						<tr class="table_game" onclick="DoNav('http://www.psdtohtmlshop.com');">
							<td class="date" >22-01-2012</td>
							<td class="match" >Juventus vs Real-Madrid</td>
							<td class="league" >Bundes Liga</td>
							<td class="videos" >9 Videos</td>
							<td class="result" >6-3</td>
							<td class="bekijken" ><a href="#">Watch Now</a></td>
						</tr>
						
						<tr class="table_game" onclick="DoNav('http://www.psdtohtmlshop.com');">
							<td class="date" >22-01-2012</td>
							<td class="match" >Juventus vs Real-Madrid</td>
							<td class="league" >Bundes Liga</td>
							<td class="videos" >9 Videos</td>
							<td class="result" >6-3</td>
							<td class="bekijken" ><a href="#">Watch Now</a></td>
						</tr>
						
						<tr class="table_game" onclick="DoNav('http://www.psdtohtmlshop.com');">
							<td class="date" >22-01-2012</td>
							<td class="match" >Juventus vs Real-Madrid</td>
							<td class="league" >Bundes Liga</td>
							<td class="videos" >9 Videos</td>
							<td class="result" >6-3</td>
							<td class="bekijken" ><a href="#">Watch Now</a></td>
						</tr>
						
						<tr class="table_game" onclick="DoNav('http://www.psdtohtmlshop.com');">
							<td class="date" >22-01-2012</td>
							<td class="match" >Juventus vs Real-Madrid</td>
							<td class="league" >Bundes Liga</td>
							<td class="videos" >9 Videos</td>
							<td class="result" >6-3</td>
							<td class="bekijken" ><a href="#">Watch Now</a></td>
						</tr>
															
				</table>
			</div>
			
			<div class="search_footer">
			
			</div>
		
		</div>	
		
		<div class="votead">
				<div class="vote">
					<div class="vote_head">
						<h2>Vote lorum</h2>
						<a href="#">See dollor</a>
					</div>
					<div class="vote_content" >
						<h3>What is your favorite?</h3>
						<form action="#" >
							<label class="label_radio" id="first_vote" for="du">
								<input id="du" name="du" type="radio"/>
								<span>Option A</span>
							</label>
							<label class="label_radio" for="it">
								<input id="it" name="it" type="radio" value="1" />
								<span>Option B</span>
							</label>
							<label class="label_radio" for="ed">
								<input id="ed" name="ed" type="radio" value="1" />
								<span>Option C</span>
							</label>
							<label class="label_radio" for="jl">
								<input id="jl" name="jl" type="radio" value="1" />
								<span>Option D</span>
							</label>
							<label class="label_radio" for="cl">
								<input id="cl" name="cl" type="radio" value="1" />
								<span>Option E</span>
							</label>
						</form>
						<div class="vote_button">
							<a href="#">Lipsum</a>
						</div>
					</div><!-- END VOTE CONTENT -->
					<div class="vote_footer">
					</div>
				</div> <!-- END VOTE -->
				
				<div class="ad">
					<a href="#"><img src="img/advertisement.png" width="334" height="172" alt="advertisement" /> </a>
				</div>
			</div>
		
		
		<div id="footer">
			<div class="footer_left" >
			&#169; <a href="#">lorum</a>
			<p>Lorum ipsum dollor sit amet</p>
			</div>
			<div class="footer_right">
				<ul>
					<li><a href="#">Home</a></li>
					<li><a href="#">Lipsum</a></li>
					<li><a href="#">Dollor</a></li>
					<li><a href="#">Amet</a></li>
					<li><a href="#">Ipsum</a></li>
				</ul>
			</div>
		</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-16%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>