<div class="row">
  <div class="col-8">
    <div class="ps-7 pt-7">
      <div class="border-bottom">
        <div class="row">
          <div class="col-6">
            <div class="position-relative">
              <a href="/main/app-chat" class="d-flex align-items-center pb-9 position-relative">
                <div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
                  <img src="<?= base_url('assets/images/svgs/icon-dd-chat.svg'); ?>" alt="modernize-img" class="img-fluid"
                    width="24" height="24" />
                </div>
                <div>
                  <h6 class="mb-1 fw-semibold fs-3">
                    Chat Application
                  </h6>
                  <span class="fs-2 d-block text-body-secondary">New messages arrived</span>
                </div>
              </a>
              <a href="/main/app-invoice" class="d-flex align-items-center pb-9 position-relative">
                <div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
                  <img src="<?= base_url('assets/images/svgs/icon-dd-invoice.svg'); ?>" alt="modernize-img" class="img-fluid"
                    width="24" height="24" />
                </div>
                <div>
                  <h6 class="mb-1 fw-semibold fs-3">Invoice App</h6>
                  <span class="fs-2 d-block text-body-secondary">Get latest invoice</span>
                </div>
              </a>
              <a href="/main/app-contact2" class="d-flex align-items-center pb-9 position-relative">
                <div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
                  <img src="<?= base_url('assets/images/svgs/icon-dd-mobile.svg'); ?>" alt="modernize-img" class="img-fluid"
                    width="24" height="24" />
                </div>
                <div>
                  <h6 class="mb-1 fw-semibold fs-3">
                    Contact Application
                  </h6>
                  <span class="fs-2 d-block text-body-secondary">2 Unsaved Contacts</span>
                </div>
              </a>
              <a href="/main/app-email" class="d-flex align-items-center pb-9 position-relative">
                <div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
                  <img src="<?= base_url('assets/images/svgs/icon-dd-message-box.svg'); ?>" alt="modernize-img" class="img-fluid"
                    width="24" height="24" />
                </div>
                <div>
                  <h6 class="mb-1 fw-semibold fs-3">Email App</h6>
                  <span class="fs-2 d-block text-body-secondary">Get new emails</span>
                </div>
              </a>
            </div>
          </div>
          <div class="col-6">
            <div class="position-relative">
              <a href="/main/page-user-profile" class="d-flex align-items-center pb-9 position-relative">
                <div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
                  <img src="<?= base_url('assets/images/svgs/icon-dd-cart.svg'); ?>" alt="modernize-img" class="img-fluid"
                    width="24" height="24" />
                </div>
                <div>
                  <h6 class="mb-1 fw-semibold fs-3">
                    User Profile
                  </h6>
                  <span class="fs-2 d-block text-body-secondary">learn more information</span>
                </div>
              </a>
              <a href="/main/app-calendar" class="d-flex align-items-center pb-9 position-relative">
                <div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
                  <img src="<?= base_url('assets/images/svgs/icon-dd-date.svg'); ?>" alt="modernize-img" class="img-fluid"
                    width="24" height="24" />
                </div>
                <div>
                  <h6 class="mb-1 fw-semibold fs-3">
                    Calendar App
                  </h6>
                  <span class="fs-2 d-block text-body-secondary">Get dates</span>
                </div>
              </a>
              <a href="/main/app-contact" class="d-flex align-items-center pb-9 position-relative">
                <div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
                  <img src="<?= base_url('assets/images/svgs/icon-dd-lifebuoy.svg'); ?>" alt="modernize-img" class="img-fluid"
                    width="24" height="24" />
                </div>
                <div>
                  <h6 class="mb-1 fw-semibold fs-3">
                    Contact List Table
                  </h6>
                  <span class="fs-2 d-block text-body-secondary">Add new contact</span>
                </div>
              </a>
              <a href="/main/app-notes" class="d-flex align-items-center pb-9 position-relative">
                <div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
                  <img src="<?= base_url('assets/images/svgs/icon-dd-application.svg'); ?>" alt="modernize-img" class="img-fluid"
                    width="24" height="24" />
                </div>
                <div>
                  <h6 class="mb-1 fw-semibold fs-3">
                    Notes Application
                  </h6>
                  <span class="fs-2 d-block text-body-secondary">To-do and Daily tasks</span>
                </div>
              </a>
            </div>
          </div>
        </div>
      </div>
      <div class="row align-items-center py-3">
        <div class="col-8">
          <a class="fw-semibold d-flex align-items-center lh-1" href="javascript:void(0)"><i
              class="ti ti-help fs-6 me-2"></i>Frequently Asked Questions</a>
        </div>
        <div class="col-4">
          <div class="d-flex justify-content-end pe-4">
            <button class="btn btn-primary">Check</button>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-4 ms-n4">
    <div class="position-relative p-7 border-start h-100">
      <h5 class="fs-5 mb-9 fw-semibold">Quick Links</h5>
      <ul class="">
        <li class="mb-3">
          <a class="fw-semibold bg-hover-primary" href="/main/page-pricing">Pricing Page</a>
        </li>
        <li class="mb-3">
          <a class="fw-semibold bg-hover-primary" href="/main/authentication-login">Authentication
            Design</a>
        </li>
        <li class="mb-3">
          <a class="fw-semibold bg-hover-primary" href="main/authentication-register">Register Now</a>
        </li>
        <li class="mb-3">
          <a class="fw-semibold bg-hover-primary" href="main/authentication-error">404 Error Page</a>
        </li>
        <li class="mb-3">
          <a class="fw-semibold bg-hover-primary" href="main/app-notes">Notes App</a>
        </li>
        <li class="mb-3">
          <a class="fw-semibold bg-hover-primary" href="main/page-user-profile">User Application</a>
        </li>
        <li class="mb-3">
          <a class="fw-semibold bg-hover-primary" href="main/page-account-settings">Account Settings</a>
        </li>
      </ul>
    </div>
  </div>
</div>