index.html

<!DOCTYPE html>
<html>

<head>
        <title>Alex's Website</title>
        <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
	<script src="poem.js"></script>
</head>

<body>
        <div class="section" id="plan">
                <h1>Welcome to my Rad Website!</h1>
                <div class="minileft">
                        <div><img src="garfield_tpose.jpg" onclick="redirectToGarfield()"></div>
                        <div><img src="graphic_design.jpg" width = "75%"/></div>
                        <div><img src="codepic.jpg" width = "50%"/></div>
                </div>

                <h2>About me</h2>

                <p>
                  I am a senior computer science major at Berea college.  I enjoy programming, game design, running, kickboxing, writing,
                  drawing, video games, and spending time with my family.
                </p>

                <p>... And Garfield.

                <p>Also click the picture of Garfield to learn more about him, please.</p>

                <select>
                  <option value="My Blog" onclick="redirectToBlog()">My Blog</option>
                  <option value="My GitHub" onclick="redirectToGitHub()">My GitHub</option>
                </select>
        </div>

      <div><button type="button" id="myButton" onclick="changeButtonColor()">Click to change color, woah!</button></div>


</body>

</html>