falls.html

<!DOCTYPE html>
<html>
<head>
<title>Behold Nature's Beauty!</title>
<style>
    h1{
        color: pink;
        font-kerning: auto;

    }
    h2{
        color:blueviolet;
    }
    img{
        
        border: 5px green solid;  /*This is a border style that changes the border-->*/
        margin: 0 0 20px 30px; /*top, right, bottom , left*/
        padding: 20px;
        background-color:greenyellow;

    }

</style>
<link rel="stylesheet" type="text/css" href="styles/branchlevel.css">

</head>
<script src="scripts/myscripts.js"></script>
<body>

<h1>The Sparkling Waters</h1>
<figure>
<img src = "images/waterfall.jpg" alt="Ranger Falls" onmouseover="showAlt(this)" onmouseout="hideAlt(this)">

<figcaption>Take in the Scenery</figcaption>
</figure>

<p id="alttext" style="font-size:50px"> </p>
    <h2>
    We are in the fall page!
    </h2>

<ul>
<li><a href="index.html">Table of Contents</a></li>
<li><a href = "aboutSophia.html">Take me to Sophia's Home</a></li>
</ul>

</body>
</html>

