<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="CSS/stylesheet.css" rel="stylesheet" type="text/css" />
<script src="JS/functions.js" language="JavaScript"></script>
<meta name="keywords" content="website tutorials, website, tutorials, handleidingen" />
</head>
<body>
<div align="center">
<div id="main">
<div id="header" align="left">
<div id="header_name">
My HTML-CSS tutorial
</div>
<div id="header_slogan">
voor al nieuwsgroepen informatie!
</div>
</div>
<div id="menu">
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="#" onmouseover="mopen('m1')"
onmouseout="mclosetime()">Informatie</a>
<div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
<a href="informatie_1.html">Informatie 1</a>
<a href="informatie_2.html">Informatie 2</a>
<a href="informatie_3.html">Informatie 3</a>
</div>
</li>
<li>
<a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()">Media</a>
<div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
<a href="audio.html">Audio</a>
<a href="video.html">Video's</a>
</div>
</li>
<li>
<a href="downloads.html">Downloads</a>
</li>
<li>
<a href="links.html">Links</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
<div id="content" align="left">
<div id="content_title">
<h5> Home </h5>
</div>
<div id="content_text">
<br />
<br />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed aliquet diam at mi. Aliquam justo tellus,
vestibulum sit amet, luctus vel, venenatis sit amet, leo. Integer ut sapien. Quisque neque. Curabitur
porttitor sagittis mi. Nullam commodo, elit at bibendum faucibus, tellus leo posuere justo, sed
aliquam ligula enim ac turpis. Duis et orci. Ut fermentum, velit at sollicitudin ultricies, nisi massa
congue risus, quis cursus nisl lacus euismod eros. Nunc neque erat, laoreet et, molestie id, sagittis
non, velit. Maecenas et magna at sapien tincidunt tempus. Cum sociis natoque penatibus et magnis
dis parturient montes, nascetur ridiculus mus. Vestibulum scelerisque tellus ut nunc. Quisque nec mi.
In sed metus eu nisi dapibus vulputate. Quisque eros dui, bibendum ut, rhoncus non, adipiscing at,
felis. Ut eget pede. Morbi elit enim, facilisis sit amet, rutrum ut, pretium ut, quam. Pellentesque
porttitor convallis nunc. </p>
<p> Maecenas interdum orci ac diam. Pellentesque pharetra. Nullam id sem eu nisl dapibus accumsan.
Duis malesuada, diam sed consectetuer tristique, urna augue tincidunt mi, scelerisque accumsan
urna enim ac neque. Aenean non urna. Mauris non nisl. Cras eleifend dignissim diam. Sed adipiscing.
Praesent diam neque, posuere sit amet, pulvinar nec, varius ac, lorem. Integer feugiat nulla eget
turpis. Ut lorem. Nam mauris ligula, semper a, lacinia eu, facilisis sed, orci. In id nisl non elit tempor
faucibus. Suspendisse iaculis vestibulum sapien. Aliquam blandit.</p>
<p> Aenean vulputate commodo elit. Donec dapibus molestie lectus. Donec cursus magna in lacus.
Vestibulum ligula. Praesent eget lectus a ligula iaculis rutrum. Mauris interdum, sem in dignissim
aliquam, leo lorem adipiscing odio, eget imperdiet mi nisl at est. Nulla faucibus. Maecenas congue
nulla iaculis tellus. Quisque sem felis, gravida ut, scelerisque nec, suscipit quis, leo. Nullam nisi nisi,
rutrum et, pretium id, mattis sed, lorem. In urna. Morbi mattis congue enim. Maecenas suscipit
accumsan elit. Praesent magna turpis, posuere pulvinar, tempor et, consequat sagittis, quam. </p>
</div>
</div>
</div>
</div>
<div id="copyright" align="center">
Copyright 2010 Mike Vanvooren
</div>
</body>
</html>