zoom-gallery.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>ZOOM GALLERY</title>
	<link rel="stylesheet" href="css/zoom-gallery.css">
</head>
<body>	
	<input type="radio" name="image-group" id="butterflies" checked>
	<label for="butterflies">Butterflies</label>
	<input type="radio" name="image-group" id="emma">
	<label for="emma">Emma</label>
	<input type="radio" name="image-group" id="landscape">		
	<label for="landscape">Landscape</label>
	<div id="zoom-gallery">
		<img src="images/blue-butterfly.jpg" alt="" class="butterflies">
		<img src="images/emma-left.jpg" alt="" class="emma">
		<img src="images/yacht.jpg" alt="" class="landscape">
		<img src="images/emma-right.jpg" alt="" class="emma">
		<img src="images/queenstown.jpg" alt="" class="landscape">
		<img src="images/butterfly-on-yellow-flower.jpg" alt="" class="butterflies">
	</div>
</body>
</html>