Intigrations

<div class="py-lg-14 py-8 bg-dark">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-6 col-md-12 col-12">
                    <!-- heading -->
        <div class="text-center mb-8">
          <span class="text-warning ls-md text-uppercase
            fw-semi-bold">App Integration sections

          </span>
          <h2 class="display-3 mt-4 mb-3  fw-bold">Integrate with the Apps</h2>
          <p class="lead px-8">Build on your workflow with
            apps that
            integrate with Geeks UI.</p>
        </div>
      </div>
    </div>
                <!-- row -->
    <div class="row">
      <div class="col-xl-2 col-md-4 col-6 mb-3 mb-xl-0">
                    <!-- card card-borderd  -->
        <div class="              h-100 h-100">
          <!-- card body  -->
          <div class="card-body">
            <img src="../assets/images/brand/dropbox-logo.svg" alt="" class="icon-lg mb-3">
            <h3 class="">Dropbox</h3>
            <p class="mb-0">Bring your files
              and cloud
              content together.</p>
          </div>

        </div>
      </div>
      <div class="col-xl-2 col-md-4 col-6 mb-3 mb-xl-0">
        <!-- card card-borderd  -->
        <div class="card card-bordered border-gray-800 bg-transparent
          h-100">
          <!-- card body  -->
          <div class="card-body">
            <img src="../assets/images/brand/hubspot.svg" alt="" class="icon-lg mb-3">
            <h3 class="">HubSpot</h3>
            <p class="mb-0">Full platform of
              marketing, sales,
              other service.</p>
          </div>

        </div>
      </div>
      <div class="col-xl-2 col-md-4 col-6 mb-3 mb-xl-0">
 <!-- card card-borderd  -->
 <div class="card card-bordered border-gray-800 bg-transparent
   h-100">
   <!-- card body  -->
   <div class="card-body">
     <img src="../assets/images/brand/google-drive.svg" alt="" class="icon-lg mb-3">
     <h3 class="">Drive</h3>
     <p class="mb-0">Integrates
       seamlessly with
       Docs, Sheets...</p>
   </div>

 </div>
  </div>
  <div class="col-xl-2 col-md-4 col-6 mb-3 mb-xl-0">
 <!-- card card-borderd  -->
 <div class="card card-bordered border-gray-800 bg-transparent
  h-100">
  <!-- card body  -->
  <div class="card-body">
    <img src="../assets/images/brand/slack-logo.svg" alt="" class="icon-lg mb-3">
    <h3 class="">Slack</h3>
    <p class="mb-0">New way to
      communicate with
      your team</p>
  </div>
   </div>
 </div>
 <div class="col-xl-2 col-md-4 col-6 mb-3 mb-xl-0">
   <!-- card card-borderd  -->
   <div class="card card-bordered border-gray-800 bg-transparent
     h-100">
     <!-- card body  -->
     <div class="card-body">
       <img src="../assets/images/brand/zapier.svg" alt="" class="icon-lg mb-3">
       <h3 class="">Zapier</h3>
       <p class="mb-0">Streamline work
         with automation
         today.</p>
     </div>

   </div>
 </div>
 <div class="col-xl-2 col-md-4 col-6 mb-3 mb-xl-0">
   <!-- card card-borderd  -->
   <div class="card card-bordered border-gray-800 bg-transparent
     h-100">
     <!-- card body  -->
     <div class="card-body">
       <img src="../assets/images/brand/dropbox-logo.svg" alt="" class="icon-lg mb-3">
       <h3 class="">HubSpot</h3>
       <p class="mb-0">Full platform of
         marketing,sales,
         other service.
       </p>
     </div>
      </div>
    </div>
  </div>
  <div class="row">
    <!-- button  -->
    <div class="col-12 text-center mt-8">
      <a href="#" class="btn btn-primary">View All Apps</a>
    </div>
  </div>
  </div>
</div>