index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Memeinator</title>
    <link rel="stylesheet" href="./style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
  </head>
  <body>
    <main>
        <h2 class="timerText">Next meme in <span id="timeLeft">5</span> seconds</h2>
        <div class="memeContainer">
            <image id= "memeImage" src="" height="450" width="450"></image>
        </div>
        <h3 class="subredditContainer">Subreddit: <span id="subredditText"></span></h3>
        <h3 class="linkContainer">Link: <span id="linkText"></span></h2></h3>

    </main>
	<script src="app.js"></script>
  </body>
</html>