G-Loot DS — navbar with horizontal menu

by Augustin Hiebel

HTML

<div class="navbar bg-ui-900 rounded-lg shadow-lg">
  <div class="navbar-content container">
    <div class="flex-1">
      <a class="button button-ghost text-xl"><span>G-Loot</span></a>
    </div>
    <div class="flex-none">
      <ul class="menu menu-horizontal" role="menu">
        <li>
          <a><span>Home</span></a>
        </li>
        <li>
          <a><span>Parent</span></a>
          <ul>
            <li>
              <a><span>Submenu 1</span></a>
            </li>
            <li>
              <a><span>Submenu 2</span></a>
            </li>
            <li>
              <a><span>Submenu 3</span></a>
            </li>
          </ul>
        </li>
        <li>
          <a><span>Missions</span></a>
        </li>
      </ul>
    </div>
  </div>
</div>