<div class="ui-menu-dropdown">
  <a aria-haspopup="true">Arxitics <span class="ui-caret-down"></span></a>
  <ul role="menu">
    <li class="ui-text-muted" role="presentation"><span>Navigation</span></li>
    <li><a href="http://arxitics.com/">Home</a></li>
    <li><a href="http://arxitics.com/browse">Browse</a></li>
    <li class="ui-menu-dropdown ui-space-trim" data-schema-trim>
      <a class="ui-text-left-right" aria-haspopup="true">
        <span>Explore</span>
        <span class="ui-caret-right"></span>
      </a>
      <ul class="ui-placement-right" role="menu">
        <li><a href="http://arxitics.com/articles">Collaborative Filtering</a></li>
        <li><a href="http://arxitics.com/search">Advanced Search</a></li>
        <li><a href="http://arxitics.com/articles/random">Random Article</a></li>
        <li><a href="http://arxitics.com/visual">Data Visualization</a></li>
      </ul>
    </li>
    <li class="ui-seperator-horizontal" role="presentation"></li>
    <li><a href="http://arxitics.com/auth/login">Sign in</a></li>
  </ul>
</div>

<div class="ui-menu-select">
  <ul role="listbox">
    <li class="ui-text-left-right" aria-haspopup="true">
      <span>List of Categories</span>
      <span class="ui-offset-large ui-caret-down"></span>
    </li>
    <li><a href="http://arxitics.com/help/categories">Physics</a></li>
    <li><a href="http://arxitics.com/help/categories?group=math">Mathematics</a></li>
    <li><a href="http://arxitics.com/help/categories?group=cs">Computer Science</a></li>
    <li><a href="http://arxitics.com/help/categories?group=q-bio">Qualitative Biology</a></li>
    <li><a href="http://arxitics.com/help/categories?group=q-fin">Qualitative Fiance</a></li>
    <li><a href="http://arxitics.com/help/categories?group=stat">Statistics</a></li>
  </ul>
</div>