header.html

<div class="top">
  <nav class="top-nav">
    <button type="button" class="top-nav-modal">
      <i class="bx bxs-grid"></i>
    </button>
    <a href="index.html" class="top-title">SHOES</a>
    <a href="cart.html" class="top-nav-cart">
      <i class="bx bx-cart"></i>
      <strong class="top-cart-count count-mobile"></strong>
    </a>
    <div class="top-category">
      <ul class="category-box">
        <li class="category-item">
          <a href="index.html#new">New</a>
        </li>
        <li class="category-item">
          <a href="index.html#goods">Goods</a>
        </li>
        <li class="category-item">
          <a href="wishlist.html">Wish</a>
        </li>
        <li class="category-item">
          <div class="top-cart">
            <a href="cart.html">Cart</a>
            <strong class="top-cart-count count-desk"></strong>
          </div>
        </li>
      </ul>
    </div>
  </nav>
  <div class="top-nav-category">
    <ul class="category-box">
      <li class="category-item">
        <a href="index.html#new">New</a>
      </li>
      <li class="category-item">
        <a href="index.html#goods">Goods</a>
      </li>
      <li class="category-item">
        <a href="wishlist.html">Wish</a>
      </li>
      <li class="category-item"><a href="cart.html">Cart</a></li>
    </ul>
    <button type="button" class="category-close">
      <i class="bx bx-x" style="color: #ffffff"></i>
    </button>
  </div>
</div>