index.html

<!DOCTYPE html>
<html>
    <head>
        <title>Super Cool Webpage</title>
        <link rel="stylesheet" type="text/css" href="stylesheet.css" />
        <script src="app.js"></script>
    </head>
    <body>
        <h1 id="header">Super Cool Webpage</h1>
        <p class="subtitle">Welcome</p>
        <p>I am trying to get the spacing between paragraphs to be smaller.</p>
        <p class="subtitle">An Image</p>
        <p class="center"><img alt="An Image" src="image1.png" /></p>
        <p class="subtitle">Some Javascript</p>
        <p id="jsTest">Waiting for input...</p>
        <button onclick="buttonClick()">Click Me!</button>
        <button onclick="resetText()">Reset</button><br>
        <button onclick="onOtherButtonClick()">Hmm...</button>
        <p id="response">Waiting...</p>
        <button onclick="typeText()">Let's enter some text, shall we?</button>
        <p class="subtitle">Cool Circle-Shaped Image</p>
        <p class="center"><img src="image1.png" class="circleImage" alt="Cool Circle Shaped Image" /></p>

    </body>
</html>