<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="./"
                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="@@webRoot/assets/images/svgs/icon-dd-chat.svg"
                    alt=""
                    class="img-fluid"
                    width="24"
                    height="24"
                  />
                </div>
                <div class="d-inline-block">
                  <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="./"
                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="@@webRoot/assets/images/svgs/icon-dd-invoice.svg"
                    alt=""
                    class="img-fluid"
                    width="24"
                    height="24"
                  />
                </div>
                <div class="d-inline-block">
                  <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="./"
                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="@@webRoot/assets/images/svgs/icon-dd-mobile.svg"
                    alt=""
                    class="img-fluid"
                    width="24"
                    height="24"
                  />
                </div>
                <div class="d-inline-block">
                  <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="./"
                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="@@webRoot/assets/images/svgs/icon-dd-message-box.svg"
                    alt=""
                    class="img-fluid"
                    width="24"
                    height="24"
                  />
                </div>
                <div class="d-inline-block">
                  <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="./"
                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="@@webRoot/assets/images/svgs/icon-dd-cart.svg"
                    alt=""
                    class="img-fluid"
                    width="24"
                    height="24"
                  />
                </div>
                <div class="d-inline-block">
                  <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="./"
                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="@@webRoot/assets/images/svgs/icon-dd-date.svg"
                    alt=""
                    class="img-fluid"
                    width="24"
                    height="24"
                  />
                </div>
                <div class="d-inline-block">
                  <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="./"
                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="@@webRoot/assets/images/svgs/icon-dd-lifebuoy.svg"
                    alt=""
                    class="img-fluid"
                    width="24"
                    height="24"
                  />
                </div>
                <div class="d-inline-block">
                  <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="./"
                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="@@webRoot/assets/images/svgs/icon-dd-application.svg"
                    alt=""
                    class="img-fluid"
                    width="24"
                    height="24"
                  />
                </div>
                <div class="d-inline-block">
                  <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 text-dark d-flex align-items-center lh-1"
            href="#"
            ><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="./"
            >Pricing Page</a
          >
        </li>
        <li class="mb-3">
          <a
            class="fw-semibold bg-hover-primary"
            href="./"
            >Authentication Design</a
          >
        </li>
        <li class="mb-3">
          <a
            class="fw-semibold bg-hover-primary"
            href="./"
            >Register Now</a
          >
        </li>
        <li class="mb-3">
          <a
            class="fw-semibold bg-hover-primary"
            href="authentication-error.html"
            >404 Error Page</a
          >
        </li>
        <li class="mb-3">
          <a class="fw-semibold bg-hover-primary" href="./"
            >Notes App</a
          >
        </li>
        <li class="mb-3">
          <a
            class="fw-semibold bg-hover-primary"
            href="./"
            >User Application</a
          >
        </li>
        <li class="mb-3">
          <a
            class="fw-semibold bg-hover-primary"
            href="./"
            >Account Settings</a
          >
        </li>
      </ul>
    </div>
  </div>
</div>
