index_first.html

<!DOCTYPE HTML>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="main_first.css">
    <link href="https://fonts.googleapis.com/css?family=Bungee+Shade" rel="stylesheet">
  </head>
  <body>
    <!-- this is a comment about hello -->
    <h1 class="blue-heading">This Is Awesome</h1>
    <div>hello</div>
    <div>
			<img class='image' id='cat_image' src="https://placekitten.com/700/200">
		</div>
    <div>
      <button id="feed_button">Feed Cat</button>
    </div>
    <div>
      <button id="run_button">Run Cat</button>
    </div>
    <svg class="svg">
      <circle class="circle" cx="80" cy="80" r="70">
    </svg>
    <div class="body">hello world</div>
    <div class="purple-heading">hello world, Im Dad</div>
    <script src="https://d3js.org/d3.v5.js"></script>
    <script src="main_first.js" type="text/javascript"></script>
    <script src="interaction_first.js" type="text/javascript"></script>
  </body>
</html>