...
HTML |
---|
<nav class="aui-navgroup aui-navgroup-horizontal"> <div class="aui-navgroup-inner"> <div class="aui-navgroup-primary"> <div class="aui-nav-heading"></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>Methods & Tools</strong><></div> <ul<button class="aui-button aui-nav"> <li><a-dropdown2-trigger" aria-controls="example-dropdown"> Dropdown menu </button> <aui-dropdown-menu id="example-dropdown"> <aui-section label="Links"> <aui-item-link href="httpshttp://qnetconfluence.cms.gov/display/HCD/Affinity+Diagram"aria-owns="dropdown2-nav1" aria-haspopup="true" class="aui-dropdown2-trigger">Affinity Diagram</a></li> </ul>atlassian.com">Atlassian</aui-item-link> <aui-item-link href="http://news.ycombinator.com">Hacker news</aui-item-link> <aui-item-link href="http://github.com">Github</aui-item-link> </aui-section> <aui-section label="Browsers"> <aui-item-radio interactive checked>Chrome</aui-item-radio> <aui-item-radio interactive>Firefox</aui-item-radio> <aui-item-radio interactive disabled>Safari</aui-item-radio> </aui-section> <aui-section label="Languages"> <aui-item-checkbox interactive checked>Javascript</aui-item-checkbox> <aui-item-checkbox interactive>Fortran</aui-item-checkbox> <aui-item-checkbox interactive>Rust</aui-item-checkbox> </aui-section> </aui-dropdown-menu> </div> </div> |