index.html

﻿<!DOCTYPE html>
<html>
<head>
	<title>De vloot</title>
	<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
	<div id="header">
	<h1>De Vloot</h1>
	<p>Regeren over het water</p>
	<ul class="top-menu">
		<li><a href="index.html">Start</a></li>	
		<li><a href="geschiedenis.html">Geschiedenis</a></li>
		<li><a href="kruisers.html">Kruisers</a></li>
		<li><a href="vliegdekschepen.html">Vliegdekschepen</a></li>
		<li><a href="onderzeeers.html">Onderzee&#235;rs</a></li>
	</ul>
	</div>
	<div id="box">
	<h2>Wat drijft daar in het water?</h2>
	<p><img src="img/vloot0.jpg" class="top-left"> Nunc ac magna. Maecenas odio dolor, vulputate vel, auctor ac, accumsan id, felis. Pellentesque cursus sagittis felis. Pellentesque porttitor, velit lacinia egestas auctor, diam eros tempus arcu, nec vulputate augue magna vel risus. Cras non magna vel ante adipiscing rhoncus. Vivamus a mi. Morbi neque. Aliquam erat volutpat. Integer ultrices lobortis eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin semper, ante vitae sollicitudin posuere, metus quam iaculis nibh, vitae scelerisque nunc massa eget pede. Sed velit urna, interdum vel, ultricies vel, faucibus at, quam. Nunc ac magna. Maecenas odio dolor, vulputate vel, auctor ac, accumsan id, felis. Pellentesque cursus sagittis felis. Pellentesque porttitor, velit lacinia egestas auctor, diam eros tempus arcu, nec vulputate augue magna vel risus. Cras non magna vel ante adipiscing rhoncus. Vivamus a mi. Morbi neque. Aliquam erat volutpat. Integer ultrices lobortis eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin semper, ante vitae sollicitudin posuere, metus quam iaculis nibh, vitae scelerisque nunc massa eget pede. Sed velit urna, interdum vel, ultricies vel, faucibus at, quam.
	</p>
	</div>
</body>
</html>