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>Hostel Recreation Amsterdam</title>
	<meta name="description" content="Hostel Recreation Amsterdam,Partner and host of your Amsterdam city trip, tours, tickets, Amsterdam, nightlife, culture, Amsterdam, low budget" />
	
	<link rel="stylesheet" href="stylesheets/style.css" type="text/css" media="screen" /> 
	<script type="text/javascript" src="js/jquery.js"></script>	
	<script type="text/javascript" src="js/pikachoose.js"></script>
	<script language="javascript">
		$(document).ready(function (){
			$("#pikame").PikaChoose();
		});
	</script>
	
	<script type="text/javascript">
			var daysOfWeek =  ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];

			function checkDay()
			{
				var myDiv;
				var dayName = daysOfWeek[new Date().getDay()];
				if((myDiv = document.getElementById(dayName)) != null)
				{
					myDiv.style.display = "";
				} 
			}
		</script>
		
</head>

<body onload="checkDay()">

<div class="container">
	
	<div id="header">
		
		<div class="logo">
			<a href="#"><h1>Example 13</h1></a>
		</div>
			
		<ul class="menu">
			<li><a href="index.html">Home</a></li>
			<li><a href="#">Lorum</a></li>
			<li><a href="#">Ipsum</a></li>
			<li><a href="#">Dollor</a></li>
			<li><a class="last_li" href="#">Amet</a></li>
		</ul>
		
	</div><!-- END HEADER -->
		
	<div id="featured">
	
	<div id="gallery" >
	
			<ul id="pikame" >
				<li><a href="http://www.pikachoose.com"><img src="img/featured_1.jpg"/></a><span><strong>Lorem Ipsum is</strong><br />It is a long established fact that a reader will be distracted by the readable</span></li>
				<li><a href="http://www.pikachoose.com"><img src="img/featured_2.jpg"/></a><span><strong>also the leap</strong><br />There are many variations of passages of Lorem</span></li>
				<li><a href="http://www.pikachoose.com"><img src="img/featured_3.jpg"/></a><span><strong>Lorem Ipsum is dollor</strong><br />will uncover many web sites still in their infancy. Various versions have evolved over the</span></li>
			</ul>
		
		</div> <!-- END GALLERY -->
	
	</div> <!-- END FEATURED -->	
	<div id="breadcrumbs">
		
	</div>
	
	<div id="content">
		<h2>Lorem Ipsum is simply</h2>
		<h3>Lorem Ipsum is simply dummy text of</h3>
		<p class="intro">
			Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also
			There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words
		</p>
		
		<div class="block">
			<div id="Monday" style="display:none;">
				<h4>Recreational program: Monday</h4>
				<table>
					<tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr>
					<tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr>
					<tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr>
					<tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr>
					<tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr>
				</table>
			</div>
			
			<div id="Tuesday" style="display:none;">
				<h4>Recreational program: Tuesday</h4>
				<table>
					<tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr>
					<tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr><tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr><tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr>
				</table>
				<a class="more" href="program.html">More info..</a>
			</div>
			
			<div id="Wednesday" style="display:none;">
				<h4>Recreational program: Wednesday</h4>
				<table>
					<tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr><tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr><tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr><tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr>
				</table>
			</div>
			
			<div id="Thursday" style="display:none;">
				<h4>Recreational program: Thursday</h4>
				<table>
					<tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr><tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr><tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr>
				</table>
			</div>
			
			<div id="Friday" style="display:none;">
				<h4>Recreational program: Friday</h4>
				<table>
					<tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr><tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr><tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr>
				</table>
			</div>
			
			<div id="Saturday" style="display:none;">
				<h4>Recreational program: Saturday</h4>
				<table>
					<tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr><tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr>
				</table>
			</div>
			
			<div id="Sunday" style="display:none;">
				<h4>Recreational program: Sunday</h4>
				<table>
					<tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr><tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr><tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr><tr>
						<td class="first_data" >time: </td>
						<td class="second_data" >
							<a>activity: 
								<span>
									<h5>activity: </h5>
									<p>
										activity description:
									</p>
									<p>
										startingtime:
									</p>
									<p>
										meetingpoint:
									</p>
									<p>
										price:
									</p>

								</span>
							</a>
						</td>
					</tr>
				</table>
			</div>
						
			<div class="contact">
			
				<h4>Contact</h4>
				<p>
					Lorum Ipsum DOllor<br />
									</p>
				<p>
					Tel: +316123456789<br />
					Email: <a href="#">lipsum</a> 
				</p>
								
			</div><!-- END CONTACT -->
			
		</div>
		
		<div class="block">
			<h4>Special offer:</h4>
			<p class="aanbieding" >
				Lorem Ipsum is simply dummy text of the printing and typesetting industry 
				<img src="img/aanbieding.jpg" width="400" height="400" alt="aanbieding" />
			</p>
		</div>
		
		<div class="block">
			
		</div>
		
	</div>
	
	<div id="footer">
		<ul>
			<li><a href="#">&#169; Lorum Ipsum</a></li>
			<li><a href="#">Lorum &#38; Dollor</a></li>
			<li>Lorum by: <a href="#">Lorum Ipsum</a></li>
			<li><a href="#">Lipsum</a></li>
		</ul>
	</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-13%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>