merchandise.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
  <link rel="stylesheet" href="styles/global.css" type="text/css" />
  <link rel="stylesheet" href="styles/shop/shop.css" type="text/css" />
  <title>Shop | Merchandise</title>
</head>

<body>
  <header-template></header-template>

  <main class="main-shop">
    <aside class="sidebar-shop">
      <ul>
        <li>
          <a href="merchandise.html" class="selected">Merchandise</a>
        </li>
        <li><a href="gear.html">Gear</a></li>
        <li><a href="uniform.html">Uniform</a></li>
      </ul>
    </aside>
    <shop-template shop="Merchandise"></shop-template>
  </main>

  <footer-template></footer-template>
  <script src="scripts/global.js"></script>
  <script src="scripts/shop/shop.js"></script>
</body>
</html>