Exercise1.html

<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" type="text/css" href="Exercise1.css">
	</head>
	<body>
		<h1>Light Box Example</h1>
		<img class="thumbnail" id="pic1" src="pic1_thumbnail.jpg" data-image="pic1.jpg">
		<img class="thumbnail" id="pic2" src="pic2_thumbnail.jpg" data-image="pic2.jpg">
		<img class="thumbnail" id="pic3" src="pic3_thumbnail.jpg" data-image="pic3.jpg">
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores, ex, autem harum ullam, nostrum saepe, qui at est ipsa distinctio fuga ipsam totam ducimus libero iure maxime placeat asperiores officia.
		<br>
		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis earum odio, voluptatibus nesciunt quisquam porro doloribus incidunt numquam quos animi. Ab aperiam dolores mollitia iusto veniam dolorum, consequuntur commodi exercitationem!
		<br>
		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga doloremque animi at, error saepe voluptatibus cupiditate nulla excepturi, pariatur facilis modi temporibus est incidunt dignissimos ullam eligendi minus voluptatem dolore.
		<br>
		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus architecto iusto alias similique tempore eveniet iure consectetur distinctio fugit officia quos perferendis ratione voluptatem, sapiente, accusamus adipisci, fuga nesciunt quo!
		<br>
		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex voluptatum aperiam alias harum, saepe quibusdam, ipsum consequatur, commodi reiciendis esse rerum aliquam fugiat enim. Illo a est aspernatur eligendi, eos?</p>
		<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
		<script src="main.js"></script>
	</body>
</html>