...
HTML |
---|
<nav class="aui-navgroup aui-navgroup-horizontal"> <div class="aui-navgroup-inner"> <div class="aui-navgroup-primary"> <div class="aui-nav-heading"></div> <button class="aui-button aui-button-light"> Overview </button> <button class="aui-button aui-button-link aui-dropdown2-trigger" aria-controls="services-dropdown">How We Can Help </button> <aui-dropdown-menu id="services-dropdown" aria-controls="services"> <aui-section id="services"> <aui-item-link href="#">Coaching</aui-item-link> <aui-item-link href="#">Standards</aui-item-link> <aui-item-link href="#">Training</aui-item-link> </aui-section> </aui-dropdown-menu> <button class="aui-button aui-button-link aui-dropdown2-trigger" aria-controls="results-dropdown">Customer Results </button> <aui-dropdown-menu id="results-dropdown" aria-controls="results"> <aui-section id="results"> <aui-item-link href="#">Case Studies</aui-item-link> <aui-item-link href="#">Data-driven Results</aui-item-link> </aui-section> </aui-dropdown-menu> <button class="aui-button aui-button-link aui-dropdown2-trigger" aria-controls="indightsinsights-dropdown">Insights </button> <aui-dropdown-menu id="insights-dropdown" aria-controls="insights"> <aui-section id="insights"> <aui-item-link href="#">Blog</aui-item-link> <aui-item-link href="#">Methods</aui-item-link> <aui-item-link href="#">Videos</aui-item-link> </aui-section> </aui-dropdown-menu> <button class="aui-button aui-button-link"> <a href="#">Our Team</a> </button> </div> <div class="aui-navgroup-secondary"> <div class="aui-nav-heading"></div> <button class="aui-button aui-dropdown2-trigger" aria-controls="methods-dropdown"><span class="aui-icon aui-icon-small aui-iconfont-configure"></span> Methods & Tools </button> <aui-dropdown-menu id="methods-dropdown" aria-controls="right-aligned"> <aui-section id="right-aligned"> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Affinity+Diagram">Affinity Diagram</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Card+Sorting">Card Sort</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Change+Management">Change Management</aui-item-link> <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Collaborative+Sketching">Collaborative Sketching</aui-item-link> </aui-section> </aui-dropdown-menu> </div> </div> |
...