Introducing Block Bootstrap 5 based design in 2024

 <section class="mt-8" data-cue="fadeIn">
<div class="container">
      <a href="#!">
         <div
            class="py-lg-10 rounded-3 px-lg-8 py-md-8 px-md-6 p-4 image-blur"
            style="background-image: url(../assets/images/landings/agency/agency-hero-img.jpg); background-position: center; background-repeat: no-repeat; background-size: cover">
            <div class="row g-0">
               <div class="col-xxl-6 col-xl-7 col-lg-8">
                  <div class="d-flex flex-column gap-10" data-cue="zoomIn">
  <div>
  <span class="badge border border-white text-white-stable px-3 py-2 fw-medium rounded-pill fs-6">Lifestyle</span>
  </div>
  <div class="d-flex flex-column gap-6">
     <div class="d-flex flex-column gap-3">
        <h1 class="mb-0 text-white-stable">Introducing Block Bootstrap 5 based design in 2024</h1>
        <p class="mb-0 text-white-stable">
           Adipisicing sit Lorem excepteur mollit irure mollit reprehenderit deserunt fugiat aute. Et ex sint aute dolore duis non culpa ullamco cupidatat officia.
        </p>
     </div>
     <div class="d-flex align-items-center gap-3">
        <div class="d-flex flex-row align-items-center gap-2">
           <img src="../assets/images/avatar/avatar-1.jpg" alt="Avatar" class="avatar avatar-xs rounded-circle" />
           <div class="mb-0 text-white-stable fs-6">Sandip Chauhan</div>
        </div>
        <span class="text-white-stable fs-6">Tuesday, February 28, 2025</span>
     </div>
  </div>
                  </div>
               </div>
            </div>
         </div>
      </a>
   </div>
</section>