index.html

<!DOCTYPE html>
<html>
<head>
	<title>jack and jill vs the world</title>
</head>
<body style="background-color:skyblue;">

	<center> 
	<img src="Jack&Jill.jpg">
	<h2 style="color:indigo;"> Jack and Jill </h2>
    <h2 style="color:indigo">Went up the hill</h2>
    <h2 style="color:indigo">To fetch a pail of</h2>
    <img src="pailofwater.png" height="500" width="500">
    <h2 style="color:indigo">Jack looked down</h2>
    <a href="#pagebottom"><img src="downarrow.png" height="50" width="50"></a>
    <div style="height: 2000px;"></div>
    <img src="looked.gif" id="pagebottom">
    <h2 style="color:indigo"> broke into a frown </h2>
    <h2 style="color:indigo">And Jill oggled after</h2>
    <div style="height: 500px; color:orange"><img src="giphy.gif"></div>
    <a href="nextpage.html"> <h2 style="color:indigo">Look what they found</h2> </a>
</center>
</body>
</html>