navigation

<!-- Navigation -->
        <nav class="nav-standard flex">
          <ul class="nav-standard-item-sectionOne flex list">
            <li class="nav-standard-list-item min-bold">
              <a href="#" class="ranger-ui navbar-name">RangerShoe</a>
            </li>
            <li class="nav-standard-list-item min-bold">Men</li>
            <li class="nav-standard-list-item min-bold">Women</li>
            <li class="nav-standard-list-item min-bold">Kids</li>
            </ul>
          <ul class="nav-standard-item-sectionTwo flex list">
            <li class="nav-standard-list-item min-bold">LOGIN</li>
            <li class="nav-standard-list-item min-bold">
              <button class="badge-on-icon">
                <i class="far fa-heart icon-badge"></i>
                <div class="badge-on-icon-notify flex-row-center">
                  <span>0</span>
                </div>
              </button>
            </li>
            <li class="nav-standard-list-item min-bold">
              <button class="badge-on-icon">
                <i class="fas fa-shopping-cart icon-badge"></i>
                <div class="badge-on-icon-notify flex-row-center">
                  <span>0</span>
                </div>
              </button>
            </li>
          </ul>
            
          </ul>
        </nav>