photography.html

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="style.css">
    </head>
    <title></title>
    <body>
        <h1>Gallery</h1>
        <a href="#clouds">Clouds</a>
        <a href="#moss">Moss</a>
        <div name="clouds">
            <a target="_blank" href="images/clouds%20and%20poles.JPG">
                <img src="images/clouds%20and%20poles.JPG" alt="Grande Ronde Valley" width="200" height="auto">
            </a>
            <a target="_blank" href="images/yellowstone%20lenticular.jpg">
                <img src="images/yellowstone%20lenticular.jpg" alt="Yellowstone Cap" width="200" height="auto">
            </a>
        </div>
        <div name="moss">
            <a target="_blank" href="images/moss%20on%20rock.JPG">
                <img src="images/moss%20on%20rock.JPG" alt="nice moss" width="200">
            </a>
        </div>
    </body>
</html>