legs(all).html

<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>legs all</title>
</head>
<style>
	body{
		background-color: black;
	}
	.i:hover{
		width:680px;
		height:290px;
		opacity: 1;
	}
	img{
		opacity: 0.6;
	}

</style>
<body>
<div align="center">
<a href="legs(beginner).html"><img src="images/legs b.png" width="660" height="280" class="i"></a>
<br>
<a href="legs(intermediate).html"><img src="images/legs i.png" width="660" height="280" class="i"></a>
<br>
<a href="legs(advance).html"><img src="images/legs a.png" width="660" height="280" class="i"></a>
<br>
</div>
</body>
</html>