gallery3.html

<!DOCTYPE html>
<html lang="en">
<head>
<title>Gallery - Jacob Howard</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style3.css" type="text/css">
</head>
<body>
 <div id="wrapper">
<header>
<h1>Gallery of Cute Cats</h1>
</header>
<nav>
<ul>
<li><a href="index.html"><button>Home</button></a></li>
<li><a href="gallery2.html"><button>Page 1</button></a></li>
<li><a href="gallery3.html"><button class="current">Page 2</button></a></li>
</ul>
</nav>
<main>
<h2>An <em>interactive</em> lovely gallery of pictures of cute cats I found online</h2>
<p>These are some adorable cats that I found online and I think that they're very cute.</p>
<div id="gallery">
<ul>
<li><img src="cat/cat1.jpg">A cute sitting kitten</li>
<li><img src="cat/cat2.jpg">A couple of twin kittens</li>
<li><img src="cat/cat3.jpg">A kitten on it's back</li>
<li><img src="cat/cat4.jpg">A kitty with a camera</li>
<li><img src="cat/cat5.jpg">A silly kitten</li>
<li><img src="cat/cat6.jpg">Four little kittens</li>
<li><img src="cat/cat7.jpg">A pretty white kitten</li>
<li><img src="cat/cat8.jpg">A quite tiny kitten</li>
<li><img src="cat/cat9.jpg">A mama cat with her kitten</li>
</ul>
</div>
</main>
<footer>
&copy; Jacob Howard 2018
</footer>
</div>
</body>
</html>