       <div class="col">
                <h2 class="page-title">Toasts</h2>
              </div>
            </div>
          </div>
        </div>
        <!-- END PAGE HEADER -->
        <!-- BEGIN PAGE BODY -->
        <div class="page-body">
          <div class="container-xl">
            <div class="card">
              <div class="card-body">
                <div class="btn-list">
                  <a href="#" class="btn btn-2" data-bs-toggle="toast" data-bs-target="#toast-simple"> Simple toast </a>
