<div class="toolbar tabbar tabbar-labels toolbar-bottom elevation-6 bg-white">

<div class="toolbar-inner">

    <a href="/home/" data-transition="f7-cover-v" class="link tab-link-active">

      <i class="icon material-icons">home</i>

      <span class="tabbar-label">Home</span>

    </a>

    <a href="/action/" data-transition="f7-cover-v" class="link">

      <i class="icon material-symbols-outlined">folder</i>

      <span class="tabbar-label">Action</span>

    </a>

    <a href="/account/" data-transition="f7-cover-v" class="link">

      <i class="icon material-symbols-outlined">person</i>

      <span class="tabbar-label">Account</span>

    </a>

    <a href="/more/" data-transition="f7-cover-v" class="link">

      <i class="icon material-symbols-outlined">more_horiz</i>

      <span class="tabbar-label">More</span>

    </a>

  </div>

</div>