<div class="page-header">
              <h3 class="page-title">
                <span class="page-title-icon bg-gradient-primary text-white me-2">
                  <i class="mdi mdi-link-variant"></i>
                </span> Quick Links
              </h3>
              <!-- <nav aria-label="breadcrumb">
                <ul class="breadcrumb">
                  <li class="breadcrumb-item active" aria-current="page">
                    <span></span>Overview <i class="mdi mdi-alert-circle-outline icon-sm text-primary align-middle"></i>
                  </li>
                </ul>
              </nav> -->
            </div>
            <div class="container text-center">
              <!-- <div class="row text-start">
                <h3><i class="mdi mdi-plus"></i>Add</h3>
              </div> -->
              <div class="row mb-5">
                <div class="col page-icons">
                  <a href="crmquotation">
                  <span class="bg-gradient-primary me-2 page-title-icon text-white">
                    <i class="mdi mdi-note-text mdi-48px"></i></span>
                  <p class="pt-2 text-black">Quotations</p>
                </a>
                  </div>
                  <div class="col page-icons">
                  <a href="crminvoices">
                  <span class="bg-gradient-primary me-2 page-title-icon text-white">
                    <i class="mdi mdi-notebook-plus mdi-48px"></i></span>
                  <p class="pt-2 text-black">Invoices</p>
                </a>
                  </div>
                  <div class="col page-icons">
                  <a href="#">
                  <span class="bg-gradient-primary me-2 page-title-icon text-white">
                    <i class="mdi mdi-plus-box-multiple mdi-48px"></i></span>
                  <p class="pt-2 text-black">Inventory</p>
                </a>
                  </div>
                <div class="col page-icons">
                  <a href="#">
                  <span class="bg-gradient-primary me-2 page-title-icon text-white">
                    <i class="mdi mdi-plus-box-multiple mdi-48px"></i></span>
                  <p class="pt-2 text-black">Payables</p>
                </a>
                  </div>
                  <div class="col page-icons">
                  <a href="#">
                  <span class="bg-gradient-primary me-2 page-title-icon text-white">
                    <i class="mdi mdi-plus-box-multiple mdi-48px"></i></span>
                  <p class="pt-2 text-black">Receiveable</p>
                </a>
                  </div>
                   <div class="col page-icons">
                  <a href="#">
                  <span class="bg-gradient-primary me-2 page-title-icon text-white">
                    <i class="mdi mdi-plus-box-multiple mdi-48px"></i></span>
                  <p class="pt-2 text-black">Purchase Orders</p>
                </a>
                  </div>
              </div>
              <div class="row mb-5">
                <div class="col page-icons">
                  <a href="crmdashboard">
                  <span class="bg-gradient-primary me-2 page-title-icon text-white">
                    <i class="mdi mdi-note-text mdi-48px"></i></span>
                  <p class="pt-2 text-black">Customers</p>
                </a>
                  </div>
                  <div class="col page-icons">
                  <a href="#">
                  <span class="bg-gradient-primary me-2 page-title-icon text-white">
                    <i class="mdi mdi-notebook-plus mdi-48px"></i></span>
                  <p class="pt-2 text-black">Vendors</p>
                </a>
                  </div>
                  <div class="col page-icons">
                  <a href="#">
                  <span class="bg-gradient-primary me-2 page-title-icon text-white">
                    <i class="mdi mdi-plus-box-multiple mdi-48px"></i></span>
                  <p class="pt-2 text-black">Accounts</p>
                </a>
                  </div>
                <div class="col page-icons">
                  <a href="crmcreditnotes">
                  <span class="bg-gradient-primary me-2 page-title-icon text-white">
                    <i class="mdi mdi-plus-box-multiple mdi-48px"></i></span>
                  <p class="pt-2 text-black">Credit Notes</p>
                </a>
                  </div>
                  <div class="col page-icons">
                  <a href="crmdeliverynotes">
                  <span class="bg-gradient-primary me-2 page-title-icon text-white">
                    <i class="mdi mdi-plus-box-multiple mdi-48px"></i></span>
                  <p class="pt-2 text-black">Delivery Note</p>
                </a>
                  </div>
                <div class="col page-icons">
                  <a href="#">
                    <span class="bg-gradient-primary me-2 page-title-icon text-white">
                      <i class="mdi mdi-home mdi-48px">

                      </i>
                    </span>
                    <p class="pt-2 text-black">Reports</p>
                  </a>
                </div>
              </div>
              </div>