black + white + water

<nav role="navigation" class="site-navigation">
  <ul class="site-nav__items"><li class="site-nav__item" >
        <a href="https://www.stokperd.com/" class="site-nav__link" >Home</a></li><li class="site-nav__item" >
        <a href="/pages/about-us" class="site-nav__link" >About</a></li><li class="site-nav__item site-nav--has-dropdown" >
        <a href="/collections" class="site-nav__link" >Shop</a><div class="site-nav__dropdown text-left d-position-left" style="width:300px;">
            <div class="site-nav__dropdown-inner"  style=""><div class="clearfix"><ul class="row row-20"><li class="column col-p-100 col-auto" ><div class="row row-20"><div class="col-12 col-lg-12">
      <ul class="submenu"><li>
            <a href="/collections/all" class="site-nav__link">View all</a></li><li class="site-nav--has-dropdown">
            <a href="/collections" class="site-nav__link">Brands</a><ul class="drilldown site-nav__dropdown"><li>
        <a href="/collections/theurbanative" class="site-nav__link">TheUrbanative</a></li><li>
        <a href="/collections/joe-paine" class="site-nav__link">Joe Paine</a></li><li>
        <a href="/collections/multiply-birch" class="site-nav__link">Multiply Birch</a></li><li>
        <a href="/collections/wanderland" class="site-nav__link">Wanderland</a></li><li>
        <a href="/collections/stokperd" class="site-nav__link">Stokperd</a></li></ul></li><li>
            <a href="/collections/lockdown-office-range" class="site-nav__link">Office Range</a></li><li>
            <a href="/collections/storage" class="site-nav__link">Storage</a></li><li>
            <a href="/collections/desks" class="site-nav__link">Desks</a></li><li>
            <a href="/collections/tables" class="site-nav__link">Tables</a></li><li>
            <a href="/collections/seating" class="site-nav__link">Seating</a></li><li>
            <a href="/collections/trolleys" class="site-nav__link">Trolleys</a></li><li>
            <a href="/collections/shelves" class="site-nav__link">Shelves</a></li><li>
            <a href="/collections/planters" class="site-nav__link">Planters</a></li><li>
            <a href="/collections/beds" class="site-nav__link">Beds</a></li></ul>
    </div></div></li></ul></div></div>
          </div></li><li class="site-nav__item" >
        <a href="/blogs/news" class="site-nav__link" >Journal</a></li><li class="site-nav__item site-nav--has-dropdown" >
        <a href="/pages/services" class="site-nav__link" >Services</a><div class="site-nav__dropdown text-left d-position-left" style="width:250px;">
            <div class="site-nav__dropdown-inner"  style=""><div class="clearfix"><ul class="row row-20"><li class="column col-p-100 col-auto" ><div class="row row-20"><div class="col-12 col-lg-12">
      <ul class="submenu"><li>
            <a href="/pages/services" class="site-nav__link">What we do</a></li><li>
            <a href="/pages/lookbook" class="site-nav__link">Custom work</a></li></ul>
    </div></div></li></ul></div></div>
          </div></li></ul>
</nav>