index.html

<!DOCTYPE html>
	<head>
		<title>Zharktas's Private Place</title>
		<link rel="stylesheet" href="stylesheet.css" type="text/css" />
		<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
		<script type="text/javascript">
						
			$(document).ready(function(){
				$("nav li").click(function(){
					$(".active").removeClass("active");
					$(this).addClass("active");
				});
			});
		
		</script>
	</head>
	
	<body>
		<div id="wrapper">
			<header>
				<h1>Zharktas's Private Place</h1>
				<nav>
					<ul>
						<li class="active" id="home"><a>Home</a></li>
						<li id="projects"><a>Projects</a></li>
						<li id="cv"><a>CV</a></li>
						<li id="gallery"><a>Gallery</a></li>
					</ul>
				</nav>
			</header>
			<div id="content">
				<p>
					This page is blank.
				</p>
			</div>
			<footer>
				&copy; Jari-Pekka Voutilainen aka Zharktas
			</footer>
		</div>
	</body>
</html>