gallery1.html

<!DOCTYPE html>
<html lang="en">
<head>
<title>Gallery - Jacob Howard</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style1.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 class="current">Home</button></a></li>
<li><a href="gallery2.html"><button>Page 1</button></a></li>
<li><a href="gallery3.html"><button>Page 2</button></a></li>
</ul>
</nav>
<main>
<h2>A 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">
<div id="div1" class="galleryitem">
<img src="cat/cat1.jpg">
</div>
<div id="div2" class="galleryitem">
<img src="cat/cat2.jpg">
</div>
<div id="div3" class="galleryitem">
<img src="cat/cat3.jpg">
</div>
<div id="div4" class="galleryitem">
<img src="cat/cat4.jpg">
</div>
<div id="div5" class="galleryitem">
<img src="cat/cat5.jpg">
</div>
<div id="div6" class="galleryitem">
<img src="cat/cat6.jpg">
</div>
<div id="div7" class="galleryitem">
<img src="cat/cat7.jpg">
</div>
<div id="div8" class="galleryitem">
<img src="cat/cat8.jpg">
</div>
<div id="div9" class="galleryitem">
<img src="cat/cat9.jpg">
</div>
</div>
</main>
<footer>
&copy; Jacob Howard 2018
</footer>
</div>
</body>
</html>