work.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>My Work</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/main.css" />
    <script src="https://kit.fontawesome.com/1c3dfb24f3.js"></script>
  </head>

  <body>
    <header>
      <div class="menu-btn">
        <div class="btn-line"></div>
        <div class="btn-line"></div>
        <div class="btn-line"></div>
      </div>

      <nav class="menu">
        <div class="menu-img">
          <div class="portrait"></div>
        </div>

        <ul class="menu-nav">
          <li class="nav-item">
            <a href="index.html" class="nav-link">Home</a>
          </li>
          <li class="nav-item">
            <a href="about.html" class="nav-link">About Me</a>
          </li>
          <li class="nav-item current">
            <a href="work.html" class="nav-link">My Work</a>
          </li>
          <li class="nav-item">
            <a href="contact.html" class="nav-link">Contact me</a>
          </li>
        </ul>
      </nav>
    </header>

    <main id="home"></main>
    <div id="aquila-rapax">
      <div id="main-aq">
        <h1>Aquila Rapax</h1>
        <iframe
          src="https://itch.io/embed/512342?dark=true"
          width="552"
          height="167"
          frameborder="0"
        ></iframe>
      </div>
    </div>
    <script src="js/main.js"></script>
  </body>
</html>