index.html

<!doctype html>
<head>
  <title>John Evanofski's Projects</title>
  <!-- bootstrap -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  <style>
    body {
      margin: 2em;
    }
  </style>
</head>
<body>
  <h1>Project Directory</h1>
  <nav>
    <ul class="list-unstyled">
      <li>
        <h3><a href="/angular-weather">Weather App</a></h3>
        <p>Built with: <em>angular.js</em></p>
      </li>
      <li>
        <h3><a href="/monster-bash">Monster Bash</a></h3>
        <p>Built with: <em>vue.js</em></p>
      </li>
      <li>
        <h3><a href="/reverse-this">Reverse This</a></h3>
        <p>Built with: <em>vue.js, sass</em></p>
      </li>
    </ul>
  </nav>
</body>