My Brand
Markup
```html
<![CDATA[
<ui-navbar 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-ui-brand><h3>My Brand</h3>
</touch-ui-brand>
<touch-icons>
<touch-icon>
<span class="icon-content-more-vert gray"></span>
</touch-icon>
</touch-icons>
</touch-bar>
<ui-topbar class="static">
<section class="space-between">
<ui-menu class="default-light flush-left">
<menu-item><a>Test</a></menu-item>
<menu-item><a>Test Two</a></menu-item>
</ui-menu>
<ui-menu class="default-light">
<menu-item><a>Sign-In</a></menu-item>
<menu-item><a>Sign-Up</a></menu-item>
</ui-menu>
</section>
</ui-topbar>
<nav>
<header>
<h2>My Logo</h2>
<div>
<ui-search role="search">
<input type="text" placeholder="search" role="search">
</ui-search>
</div>
</header>
<section class="bg-default-light">
<ui-menu>
<menu-item-dropdown>
<a>Link One</a>
<ui-dropdown>
<menu-item><a>Sublink One</a></menu-item>
<menu-item><a>Sublink Two</a></menu-item>
<menu-item><a>Sublink Three</a></menu-item>
</ui-dropdown>
</menu-item-dropdown>
<menu-item-dropdown>
<a>Link Two</a>
<ui-dropdown>
<menu-item><a>Sublink One</a></menu-item>
<menu-item><a>Sublink Two</a></menu-item>
<menu-item><a>Sublink Three</a></menu-item>
</ui-dropdown>
</menu-item-dropdown>
<menu-item-dropdown>
<a>Link Three</a>
<ui-dropdown>
<menu-item><a>Sublink One</a></menu-item>
<menu-item><a>Sublink Two</a></menu-item>
<menu-item><a>Sublink Three</a></menu-item>
</ui-dropdown>
</menu-item-dropdown>
<menu-item><a>Link Four</a></menu-item>
<menu-item><a>Link Five</a></menu-item>
</ui-menu>
</section>
</nav>
</ui-navbar>
]]>
```
Back