<div class="list">

  <ul>

    <li>

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

        <div class="item-media">

          <i class="icon material-symbols-outlined color-primary">room</i>

        </div>

        <div class="item-inner">

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

        </div>

      </a>

    </li>

    <li>

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

        <div class="item-media">

          <i class="icon material-symbols-outlined color-primary">move_up</i>

        </div>

        <div class="item-inner">

          <div class="item-title">Change Password</div>

        </div>

      </a>

    </li>

    <li>

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

        <div class="item-media">

          <i class="icon material-symbols-outlined color-primary">clear</i>

        </div>

        <div class="item-inner">

          <div class="item-title">Delete Account</div>

        </div>

      </a>

    </li>

    <li>

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

        <div class="item-media">

          <i class="icon material-symbols-outlined color-primary">edit</i>

        </div>

        <div class="item-inner">

          <div class="item-title">Edit Account</div>

        </div>

      </a>

    </li>

  </ul>

</div>

<div class="container">

  <div class="row">

    <button id="logout" class="btn btn-danger fw-700 btn-block">Logout</button>

  </div>

</div>