Header Navigation

The link in the header that serves as the anchor for the tools dropdown.


<li class="top-level-nav tools-dropdown">
  <a href="/my-account">
    <span class="icon icon-planning-tools"></span>
    MY KNOT TOOLS
  </a>
</li>

<br>

The my wedding planner dropdown list

<div class="tools-dropdown">
  <a href="/dashboard" class="tools-dropdown__link js-header-nav-tools-dropdown-link js-track-tools-dropdown-icon-click">
    <span class="icon icon-planning-tools"></span>
    MY KNOT TOOLS
  </a>

  <ul class="menu-list top-arrow">
    <li class="menu-list-item">
      <a href="/gs/wedding-websites" class="menu-list-item__link js-track-tools-dropdown-link-click">Wedding Website</a>
    </li>
    <li class="menu-list-item">
      <a href="/registry" class="menu-list-item__link">Registry</a>
    </li>
    <li class="menu-list-item">
      <a href="/gs/guest-list-manager" class="menu-list-item__link js-track-tools-dropdown-link-click">Guest List Manager</a>
    </li>
    <li class="menu-list-item">
      <a href="/wedding-checklist" class="menu-list-item__link js-track-tools-dropdown-link-click">Checklist</a>
    </li>
    <li class="menu-list-item">
      <a href="/wedding-budget" class="menu-list-item__link js-track-tools-dropdown-link-click">Budgeter</a>
    </li>
    <li class="menu-list-item">
      <a href="/boards" class="menu-list-item__link js-track-tools-dropdown-link-click">Favorites</a>
    </li>

    <li class="menu-list-item visible-logged-in">
      <a href="/account/settings/profile" class="menu-list-item__link js-track-tools-dropdown-link-click">Account Settings</a>
    </li>
    <li class="menu-list-item">
      <a href="http://feedback.beta.theknot.com/knowledgebase" class="menu-list-item__link js-track-tools-dropdown-button-click">Help + Feedback</a>
    </li>

    <li class="menu-list-item--mobile-spacer"></li>

    <li class="menu-list-item hidden-logged-in">
      <div class="signup-block">
        <div class="row">
          <div class="col-xs-12">
            <a href="/account/profile?application_id=proactive&action_id=proactive" class="btn btn-primary btn-block js-header-nav-signup-button js-track-tools-dropdown-button-click">SIGN UP</a>
            </div>
        </div>
        <div class="row">
          <div class="col-xs-12">
            <div class="signup-block__subtext">
              <span class="content label">Already a member?</span> <a class="content link js-header-nav-login-button js-track-tools-dropdown-button-click" href="/account">Log In Here</a>
            </div>
          </div>
        </div>
      </div>
    </li>

    <li class="menu-list-item visible-logged-in">
      <a href="/account/sign_out" class="menu-list-item__link js-track-tools-dropdown-link-click">LOG OUT</a>
    </li>
  </ul>
</div>