<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.