If you want more of my pastes visit: https://randompaste.000webhostapp.com/index.html
--------------------------------------------------------------------------------------
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dier website</title>
<link rel="stylesheet" type="text/css" href="Css/dierensite.css">
<link rel="stylesheet" type="text/css" href="Css/normalize.css">
<link rel="author" href="mailto:bia.paulaa@gmail.com?Subject=Vraag">
</head>
<body>
<div class="container">
<div class="kleurverloop"></div>
<header>
<img src="Images/tijger.jpg" alt="tijger">
<nav>
<ul>
<li><a href="#">Amfibieën</a></li>
<li><a href="#">Vogels</a></li>
<li><a href="#">Vissen</a></li>
<li><a href="#">Zoogdieren</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h3>Salamander</h3>
<p>Categorie amfibieën</p>
</section>
<section>
<h3>Huismus</h3>
<p>Categorie vogels</p>
</section>
<section>
<h3>Brasem</h3>
<p>Categorie vissen</p>
</section>
<section>
<h3>Koala</h3>
<p>Categorie zoogdieren</p>
</section>
<figure>
<img src="Images/boomkikker.jpg" alt="boomkikker">
<figcaption>Boomkikker</figcaption>
</figure>
<figure>
<img src="Images/papegaai.jpg" alt="papegaai">
<figcaption>Papegaai</figcaption>
</figure>
<figure>
<img src="Images/huiskat.jpg" alt="huiskat">
<figcaption>Huiskat</figcaption>
</figure>
<figure>
<img src="Images/forel.jpg" alt="forel">
<figcaption>Forel</figcaption>
</figure>
<figure>
<img src="Images/shi%20tzu.jpg" alt="shih tzu">
<figcaption>Shih Tzu</figcaption>
</figure>
<figure>
<img src="Images/aalscholver.jpg" alt="aalscholver">
<figcaption>Aalscholver</figcaption>
</figure>
</main>
<footer>
<h4>Deze pagina is gemaakt voor opdracht 4 van de LOI-module HTML5 & CSS3.</h4>
</footer>
</div>
</body>
</html>
