<div class="list">

  <ul>

    <li>

      <a href="/company/" data-transition="f7-dive" class="item-link item-content">

        <div class="item-media">

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

        </div>

        <div class="item-inner">

          <div class="item-title">Company</div>

        </div>

      </a>

    </li>

    <li>

      <a href="/inventory/" data-transition="f7-dive" class="item-link item-content">

        <div class="item-media">

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

        </div>

        <div class="item-inner">

          <div class="item-title">Inventory</div>

        </div>

      </a>

    </li>

    <li>

      <a href="/journal/" data-transition="f7-dive" class="item-link item-content">

        <div class="item-media">

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

        </div>

        <div class="item-inner">

          <div class="item-title">Journal</div>

        </div>

      </a>

    </li>

    <li>

      <a href="/person/" data-transition="f7-dive" class="item-link item-content">

        <div class="item-media">

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

        </div>

        <div class="item-inner">

          <div class="item-title">Person</div>

        </div>

      </a>

    </li>

    <li>

      <a href="/product/" data-transition="f7-dive" class="item-link item-content">

        <div class="item-media">

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

        </div>

        <div class="item-inner">

          <div class="item-title">Product</div>

        </div>

      </a>

    </li>

    <li>

      <a href="/transaction/" data-transition="f7-dive" class="item-link item-content">

        <div class="item-media">

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

        </div>

        <div class="item-inner">

          <div class="item-title">Transaction</div>

        </div>

      </a>

    </li>

    <li>

      <a href="/sales/" data-transition="f7-dive" class="item-link item-content">

        <div class="item-media">

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

        </div>

        <div class="item-inner">

          <div class="item-title">Sales</div>

        </div>

      </a>

    </li>

    <li>

      <a href="/about_us/" data-transition="f7-dive" class="item-link item-content">

        <div class="item-media">

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

        </div>

        <div class="item-inner">

          <div class="item-title">About Us</div>

        </div>

      </a>

    </li>

    <li>

      <a href="/faq/" data-transition="f7-dive" class="item-link item-content">

        <div class="item-media">

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

        </div>

        <div class="item-inner">

          <div class="item-title">FAQ</div>

        </div>

      </a>

    </li>

    <li>

      <a href="/terms/" data-transition="f7-dive" class="item-link item-content">

        <div class="item-media">

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

        </div>

        <div class="item-inner">

          <div class="item-title">Term & Condition</div>

        </div>

      </a>

    </li>

  </ul>

</div>