<nav top-bar class="top-bar" role="navigation">
    <div class="row">
        <ul class="title-area">
            <li class="name">
                <h1 class="name-logo is-tall is-offset-up t-alt-sans"><a href="/pages/home.html">SF Affordable Housing Portal</a></h1>
            </li>
            <li class="toggle-topbar menu-icon">
                <button href="#" class="button-link t-caps t-bold">
          Menu
          <span class="ui-icon ui-static ui-large i-primary ">
            <svg>
              <use xlink:href="#i-menu"></use>
            </svg>
          </span>
        </button>
            </li>
        </ul>
        <section class="top-bar-section has-flex-items">
            <ul class="nav-menu right">
                <li>
                    <a href="/browse/browse-grid--default.html">
            Browse Properties
          </a>
                </li>
                <li>
                    <a href="/pages/get-assistance.html">
            My Favorites
          </a>
                </li>
                <li>
                    <a href="/pages/get-assistance.html">
            Get Assistance
          </a>
                </li>
                <li has-dropdown>
                    <a href="#" aria-haspopup="true" dropdown-toggle="#my-account-dropdown">
            My Account
          </a>
                    <ul class="dropdown" id="my-account-dropdown">
                        <li class="dropdown-item has-icon">
                            <a href="#">
                <span class="ui-icon ui-static ui-medium i-color ">
                  <svg>
                    <use xlink:href="#i-profile"></use>
                  </svg>
                </span>
              My Dashboard
              </a>
                        </li>
                        <li class="dropdown-item has-icon">
                            <a href="#">
                <span class="ui-icon ui-static ui-medium i-color ">
                  <svg>
                    <use xlink:href="#i-application"></use>
                  </svg>
                </span>
              My Applications
              </a>
                        </li>
                        <li class="dropdown-item has-icon">
                            <a href="#">
                <span class="ui-icon ui-static ui-medium i-color ">
                  <svg>
                    <use xlink:href="#i-favorite"></use>
                  </svg>
                </span>
              My Favorites
              </a>
                        </li>
                        <li class="dropdown-item has-icon">
                            <a href="#">
                <span class="ui-icon ui-static ui-medium i-color ">
                  <svg>
                    <use xlink:href="#i-eligibility"></use>
                  </svg>
                </span>
              Eligibility Settings
              </a>
                        </li>
                        <li class="dropdown-item has-icon">
                            <a href="#">
                <span class="ui-icon ui-static ui-medium i-color ">
                  <svg>
                    <use xlink:href="#i-settings"></use>
                  </svg>
                </span>
              Account Settings
              </a>
                        </li>
                        <li class="dropdown-item ">
                            <a href="#">
              Sign Out
              </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </section>
    </div>
</nav>
<nav top-bar class="top-bar" role="navigation">
  <div class="row">
    <ul class="title-area">
      <li class="name">
        <h1 class="name-logo is-tall is-offset-up t-alt-sans"><a href="/pages/home.html">SF Affordable Housing Portal</a></h1>
      </li>
      <li class="toggle-topbar menu-icon">
        <button href="#" class="button-link t-caps t-bold">
          Menu
          {{> @icons-base icon="menu" fill="primary" size="large"}}
        </button>
      </li>
    </ul>
    <section class="top-bar-section has-flex-items">
      <ul class="nav-menu right">
        <li>
          <a href="/browse/browse-grid--default.html">
            Browse Properties
          </a>
        </li>
        <li>
          <a href="/pages/get-assistance.html">
            My Favorites
          </a>
        </li>
        <li>
          <a href="/pages/get-assistance.html">
            Get Assistance
          </a>
        </li>
        <li has-dropdown>
          <a href="#" aria-haspopup="true" dropdown-toggle="#my-account-dropdown">
            My Account
          </a>
          <ul class="dropdown" id="my-account-dropdown">
          {{#each menus.account}}
            <li class="dropdown-item {{#if icon}}has-icon{{/if}}">
              <a href="#">
              {{#if icon}}
                {{> @icons-base }}
              {{/if}}
              {{this.name}}
              </a>
            </li>
          {{/each}}
          </ul>
        </li>
      </ul>
    </section>
  </div>
</nav>
{
  "menus": {
    "account": [
      {
        "name": "My Dashboard",
        "icon": "profile"
      },
      {
        "name": "My Applications",
        "icon": "application"
      },
      {
        "name": "My Favorites",
        "icon": "favorite"
      },
      {
        "name": "Eligibility Settings",
        "icon": "eligibility"
      },
      {
        "name": "Account Settings",
        "icon": "settings"
      },
      {
        "name": "Sign Out"
      }
    ],
    "mobile": [
      {
        "name": "Browse Properties",
        "icon": "browse"
      },
      {
        "name": "Get Assistance",
        "icon": "assistance"
      },
      {
        "name": "My Favorites",
        "icon": "favorite"
      },
      {
        "name": "Eligibility Settings",
        "icon": "eligibility"
      },
      {
        "name": "Account Settings",
        "icon": "settings"
      },
      {
        "name": "Sign Out"
      }
    ],
    "lang": [
      {
        "name": "English",
        "active": true,
        "url": "application-expect.html",
        "selected": true,
        "index": null,
        "id": "panel1"
      },
      {
        "name": "Español",
        "url": "application-expect--es.html",
        "selected": null,
        "index": -1,
        "id": "panel2"
      },
      {
        "name": "中文",
        "chinese": true,
        "url": "application-expect--zh.html",
        "selected": null,
        "index": -1,
        "id": "panel3"
      },
      {
        "name": "Filipino",
        "url": "#",
        "selected": null,
        "index": -1,
        "id": "panel4"
      }
    ]
  }
}

There are no notes for this item.