My Brand
Sign-In
Sign-Up
Markup
```html
<![CDATA[
<ui-topbar home-icon="icon-core-home-2">
<touch-drawer>
<touch-header>
<ui-search>
<input type="text" placeholder="search">
</ui-search>
</touch-header>
</touch-drawer>
<touch-bar>
<ui-toggle></ui-toggle>
<touch-icons>
<touch-icon>
<span class="icon-content-more-vert gray"></span>
</touch-icon>
</touch-icons>
</touch-bar>
<ui-brand>
<h5>My Brand</h5>
</ui-brand>
<section class="center">
<ui-menu class="default-light">
<menu-item><a>Link One</a></menu-item>
<menu-item><a>Link Two</a></menu-item>
<menu-item><a>Link Three</a></menu-item>
<menu-item><a>Link Four</a></menu-item>
</ui-menu>
</section>
<ui-menu class="right default-light">
<menu-item><a><span class="hide-for-medium-down icon-core-unlock"></span><span class="show-for-medium-down">Sign-In</span></a></menu-item>
<menu-item><a><span class="hide-for-medium-down icon-core-checkbox"></span><span class="show-for-medium-down">Sign-Up</span></a></menu-item>
</ui-menu>
</ui-topbar>
]]>
```
Back