...
<nav
...
class="aui-navgroup
...
aui-navgroup-horizontal">
...
<div
...
class="aui-navgroup-inner">
...
<div class="aui-navgroup-primary">
...
<div class="aui-nav-heading"><strong>Heading</strong></div>
...
<ul class="aui-nav">
...
<li><a href="#">Nav
...
item</a></li>
...
<li class="aui-nav-selected"><a
...
href="#">Selected
...
item</a></li>
...
<li><a href="#">Pull
...
Requests
...
<aui-badge>123</aui-badge></a></li>
...
<li><a href="#dropdown2-nav1"
...
aria-owns="dropdown2-nav1"
...
aria-haspopup="true"
...
class="aui-dropdown2-trigger">Dropdown
...
<span
...
class="aui-icon-dropdown"></span></a></li>
...
<li><a href="#">Overview</a></li>
...
<li><a href="#">Kitchen
...
Sink</a></li>
...
</ul>
...
</div>
...
<div class="aui-navgroup-secondary">
...
<div class="aui-nav-heading"><strong>Heading</strong></div>
<ul class="aui-nav">
<li><a href="#dropdown2-nav1" aria-owns="dropdown2-nav1" aria-haspopup="true" class="aui-dropdown2-trigger"><span class="aui-icon aui-icon-small aui-iconfont-configure">Configure</span></a></li>
</ul>
</div>
</div>
HTML |
---|