index.html

<!DOCTYPE html>
<html lang="en-US">
  <script src="js/main.js">
  </script>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lev Zurcher's Portfolio</title>
  </head>
  <style>
    #portfolio_title {
      font-size: 32pt;
      font-family: Verdana, Geneva, Tahoma, sans-serif;
    }
    #portfolio_author {
      font-size: 20pt;
      font-family: Verdana, Geneva, Tahoma, sans-serif;
    }
    #table_contents {
      font-size:16pt;
    }
    .banner {
      background-color: rgba(39, 100, 198, 0.361);
    }
  </style>

  <body onload="createList()">
    <div class="banner">
      <section>
        <span id="portfolio_title">WDD 330</span><br>
        <span id="portfolio_author">Lev Zurcher</span>
      </section>
    </div>
    <ol id="table_contents"></ol>
    
  </body>
</html>