Untitled

<!DOCTYPE html>
<html>
	<head>
		<title>Oef3</title>
		<link rel="stylesheet" type="text/css" href="les1.css">
	</head>
	<body>
	<header>
		<h1><a href="#beneden" id="boven">Lorem ipsum</a></h1>
		<nav><a href="#">Koppeling 1</a> <a href="#">Koppeling 2</a> <a href="#">Koppeling 3</a> <a href="#">Koppeling 4</a></nav>
	</header>
	<h2>Dolor sit amet</h2>
	<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tristique lacinia sem id mollis. Donec feugiat, tortor ut tristique tempor, mi turpis feugiat metus, vel viverra quam diam id nisi. Morbi a tincidunt nibh, a sagittis libero. Mauris et congue leo. Cras feugiat pretium lorem, in elementum urna fringilla in. Quisque odio neque, lobortis id felis id, commodo mattis nisl. Nulla tristique sapien ut ex rutrum, vitae maximus augue pulvinar.
	</p>
	<p>
	Integer lacinia scelerisque nunc, id auctor justo placerat at. Morbi eget euismod eros. Pellentesque condimentum scelerisque massa venenatis facilisis. Donec mattis tincidunt dui non rutrum. Cras sit amet venenatis mi, non imperdiet ante. Phasellus et mi massa. Aenean ligula purus, fermentum id leo ac, interdum varius lacus. Phasellus malesuada, eros id vehicula pretium, ligula nibh fermentum leo, feugiat congue mi libero eu nisi. Phasellus eu nunc scelerisque, maximus sapien et, auctor neque. Duis ac tortor non dolor imperdiet eleifend at ut tellus. Aenean finibus libero eget lacinia laoreet. Nulla facilisi. Maecenas ut placerat purus, at placerat ligula. Nunc eu felis egestas, pellentesque enim at, condimentum augue. Donec vehicula iaculis mi in placerat.
	</p>
	<p>
	Curabitur pulvinar sem in elementum suscipit. Nam nec nunc placerat, dapibus metus non, pellentesque neque. Ut sit amet justo laoreet purus ullamcorper varius. Proin ornare leo sed eros bibendum rhoncus. In ac dolor a diam finibus interdum. Donec dignissim vitae metus eu sollicitudin. Donec tincidunt eleifend augue. In at ex et arcu commodo efficitur tincidunt sit amet elit. Nulla sollicitudin odio id tempor tempus. Curabitur nec pretium ex. Mauris in mi bibendum, elementum neque et, pellentesque augue. Duis tortor dui, consectetur nec tortor id, congue commodo velit. Proin sit amet tincidunt erat. Mauris ante velit, tempus sit amet turpis ut, tempor hendrerit ligula. Mauris ornare diam vel mi elementum sollicitudin. Nam blandit sapien non luctus aliquam.
	</p>
	<p>
	Quisque elementum tortor sed odio porttitor, nec feugiat est vulputate. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras eu dolor mauris. Mauris vulputate turpis at arcu eleifend, eget porta quam efficitur. Suspendisse vitae enim eu urna aliquet sagittis aliquet ac justo. Aenean vestibulum dolor in rhoncus bibendum. Aliquam erat volutpat.
	</p>


	<ul>
		<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
		<li>Fusce feugiat erat ut nisl efficitur, vel varius lectus ultrices.</li>
		<li>Pellentesque tincidunt enim eget elit bibendum, quis dignissim quam hendrerit.</li>
		<li>Nunc vestibulum turpis et magna viverra porta.</li>
		<li>Suspendisse aliquam eros non magna suscipit, ac accumsan nulla sollicitudin.</li>
	</ul>

	<ul>
		<li>Nam vitae lacus dictum, euismod felis eu, suscipit nunc.
			<ul>
				<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
				<li>Donec varius augue et suscipit vehicula.</li>
				<li>Integer pharetra ligula sit amet neque cursus rutrum quis nec felis.</li>
			</ul>
		</li>
		<li>Donec at sapien ac eros elementum suscipit eget vel nisi.
			<ul>
				<li>Morbi non orci id elit blandit tempor.</li>
				<li>Vivamus varius lacus eu mi lacinia dapibus.</li>
				<li>Donec eget neque a nulla vehicula bibendum ac at nisi.</li>
			</ul>
		</li>
	</ul>
	<a href="#boven" id="beneden">Ga terug naar boven</a>
		<footer>
			<p>
				Designed by Robin
			</p>
		</footer>
	</body>
</html>