navmenu.html

<script src="/jquery.js"></script>
<script src="/menu.js"></script>
<div class="nav-content">
  <div id="navmenu">
    <ul class="menu">
      <li id="home">
        <div class="menu-item">
          <div class="card-bg">
            <a href="/">
            </a>
          </div>
          <div class="text-bg">
            <a href="/">
              <h3>Home</h3>
            </a>
          </div>
        </div>
      </li>
      <li id="words">
        <div class="menu-item">
          <div class="card-bg">
            <a href="/words/">
            </a>
          </div>
          <div class="text-bg">
            <a href="/words/">
              <h3>Words</h3>
            </a>
          </div>
        </div>
      </li>
      <li id="game">
        <div class="menu-item">
          <div class="card-bg">
            <a href="/game/">
            </a>
          </div>
          <div class="text-bg">
            <a href="/game/">
              <h3>Game</h3>
            </a>
          </div>
        </div>
      </li>
      <li id="contact">
        <div class="menu-item">
          <div class="card-bg">
            <a href="/contact.html">
            </a>
          </div>
          <div class="text-bg">
            <a href="/contact.html">
              <h3>Contact</h3>
            </a>
          </div>
        </div>
      </li>
    </ul>
  </div>
</div>