Envato Marketplaces new header HTML

header.html

<header class="site-header">
  <div class="site-header__logo-and-account ">
    <div class="header-logo-account">
      <div class="container">
        <div class="header-logo-account__container">
          <!-- Logo -->
          <a class="header-logo-account__logo" href="/"></a>

          <nav class="header-logo-account__right">
            <!-- Links to forums, help, etc -->
            <ul class="header-logo-account__sundry">
              <li class="header-logo-account__sundry-item">
                <a href="/forums" class="header-logo-account__sundry-main-link">Forums</a>
              
                <div class="header-logo-account__sundry-dropdown">
                  <ul class="hub-header-dropdown">
                    <li>
                      <a href="some_url" class="header-logo-account__sundry-sub-link">Item Discussion</a>
                    </li>
                  </ul>
                </div>
              </li>
              <!-- etc etc -->
            </ul>

            <!-- User menu -->
            <div class="header-logo-account__user-nav">
              <div class="header-logo-account__user-nav-item">
                <a href="/author_dashboard" class="header-logo-account__user-nav-main-link--alpha-with-dropdown">
                  <span id="user_username">some_username</span>
                  <strong class="header-logo-account__balance">$100.00</strong>
                </a>
                <div class="header-logo-account__user-nav-dropdown">
                  <ul class="hub-header-dropdown">
                    <li>
                      <a href="/user/some_username">
                        Profile
                        <i class="glyph-person"></i>
                      </a>
                    </li>
                    <!-- etc etc -->
                  </ul>
                </div>
              </div>

              <div class="header-logo-account__user-nav-item">
                <a href="some_url" class="header-logo-account__user-nav-main-link--omega">Sign Out</a>
              </div>
            </div>
          </nav>
        </div>
      </div>
    </div>
  </div>

  <!-- Categories, search, etc -->

</header>