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 text-white fw-bold">Integrate with the Apps</h2>
          <p class="lead text-white-50 px-8">Build on your workflow with
            apps that
            integrate with Ajoru 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="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="text-white">Dropbox</h3>
            <p class="mb-0 text-white-50">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="text-white">HubSpot</h3>
            <p class="mb-0 text-white-50">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="text-white">Drive</h3>
     <p class="mb-0 text-white-50">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="text-white">Slack</h3>
    <p class="mb-0 text-white-50">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="text-white">Zapier</h3>
       <p class="mb-0 text-white-50">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="text-white">HubSpot</h3>
       <p class="mb-0 text-white-50">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>