boxes1.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="author" content="Jacob Howard">
<meta name="description" content="a website!">
<meta name="keywords" content="html">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="shortcut icon" type="image/png" href="favicon.png">
<title>Cardboard Box Challenge</title>
</head>

<body>
<header>
<h1>Cardboard Box Challenge</h1>
</header>
<nav align="center">
<a href="boxes1.html" class="current"><button>Boxes 1</button></a>
<a href="boxes2.html"><button>Boxes 2</button></a>
<a href="boxes3.html"><button>Boxes 3</button></a>
</nav>
<article>
<div id="box1">
<img class="pg1" src="img\boxes1_1.jpg" type="image/jpg">
</div>
<div id="box2">
<img class="pg1" src="img\boxes1_2.jpg" type="image/jpg">
</div>
<div id="box3">
<img class="pg1" src="img\boxes1_3.jpg" type="image/jpg">
</div>
<div id="box4">
<img class="pg1" src="img\boxes1_4.jpg" type="image/jpg">
</div>
</article>
</body>
</html>