<div id="tab-add" class="tab tab-add">
  <div class="page">
    <div class="navbar navbar-large">
      <div class="navbar-inner sliding">
        <div class="left">
        </div>
        <div class="title">Add</div>
        <div class="title-large">
          <div class="title-large-text">Add</div>
        </div>
        <div class="right">
          <a href="#" class="link icon-only switch-theme">
            <i class="icon f7-icons">moon_stars</i>
          </a>
          <a id="signout" class="link icon-only text-color-red">
            <i class="icon f7-icons">square_arrow_right</i>
          </a>
        </div>
      </div>
    </div>
    <div class="page-content">
      <div class="categories">
        <div class="container">
          <div class="row">
            <div class="col-33">
              <a href="/action_add/" data-transition="f7-dive">
                <div class="content">
                  <i class="icon material-symbols-outlined color-blue md-48">garage</i>
                  <h6 class="second-title">Action</h6>
                </div>
              </a>
            </div>
            <div class="col-33">
              <a href="/product_add/" data-transition="f7-dive">
                <div class="content">
                  <i class="icon material-symbols-outlined color-brown md-48">directions_bike</i>
                  <h6 class="second-title">Product</h6>
                </div>
              </a>
            </div>
            <div class="col-33">
              <a href="/person_add/" data-transition="f7-dive">
                <div class="content">
                  <i class="icon material-symbols-outlined color-green md-48">apartment</i>
                  <h6 class="second-title">Person</h6>
                </div>
              </a>
            </div>
          </div>
          <div class="row">
            <div class="col-33">
              <a href="/company_add/" data-transition="f7-dive">
                <div class="content">
                  <i class="icon material-symbols-outlined color-orange md-48">coffee</i>
                  <h6 class="second-title">Company</h6>
                </div>
              </a>
            </div>
            <div class="col-33">
              <a href="/sales_add/" data-transition="f7-dive" class="">
                <div class="content">
                  <i class="icon material-symbols-outlined color-purple md-48">phone_android</i>
                  <h6 class="second-title">Sales</h6>
                </div>
              </a>
            </div>
            <div class="col-33">
              <a href="/inventory_add/" data-transition="f7-dive">
                <div class="content">
                  <i class="icon material-symbols-outlined color-red md-48">escalator</i>
                  <h6 class="second-title">Inventory</h6>
                </div>
              </a>
            </div>
          </div>
          <div class="row">
            <div class="col-33">
              <a href="/address_add/" data-transition="f7-dive">
                <div class="content">
                  <i class="icon material-symbols-outlined color-orange md-48">place</i>
                  <h6 class="second-title">Address</h6>
                </div>
              </a>
            </div>
            <div class="col-33">
              <a href="/bank_add/" data-transition="f7-dive" class="">
                <div class="content">
                  <i class="icon material-symbols-outlined color-purple md-48">monetization_on</i>
                  <h6 class="second-title">Bank</h6>
                </div>
              </a>
            </div>
            <div class="col-33">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>