Blog Components in Bootstrap library

<section class="py-5">
  <div class="container">
    <div class="row mb-5">
      <div class="col-12 col-lg-8 col-xxl-7 text-center mx-auto">
        <span class="text-muted">Lorem ipsum</span>
        <h2 class="display-5 fw-bold mt-2 mb-3">Lorem ipsum dolor sit amet consectutar domor at elis</h2>
        <p class="lead text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque massa nibh, pulvinar vitae aliquet nec, accumsan aliquet orci.</p>
      </div>
    </div>
    <div class="row">
      <div class="col-12 col-lg-8 mb-5">
        <div class="d-flex mb-4">
          <img class="img-fluid" src="bootstrap5-plain-assets/images/blue-400-horizontal.png" alt="">
        </div>
        <span><small class="text-muted">10 jun 2021 19:40</small></span>
        <h2 class="fw-bold">Lorem ipsum dolor sit amet consectutar domor at elis</h2>
        <p class="lead text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque massa nibh, pulvinar vitae aliquet nec, accumsan aliquet orci.</p>
        <a class="d-flex align-items-center" href="#">
          <span>Read More</span>
          <span>
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
            </svg>
          </span>
        </a>
      </div>
      <div class="col-12 col-lg-4 mb-5">
        <div class="d-flex mb-4">
          <img class="img-fluid" src="bootstrap5-plain-assets/images/blue-400-horizontal.png" alt="">
        </div>
        <span><small class="text-muted">10 jun 2021 19:40</small></span>
        <h2 class="fw-bold">Lorem ipsum dolor</h2>
        <p class="lead text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        <a class="d-flex align-items-center" href="#">
          <span>Read More</span>
          <span>
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
            </svg>
          </span>
        </a>
      </div>
      <div class="col-12 col-lg-4 mb-5">
        <div class="d-flex mb-4">
          <img class="img-fluid" src="bootstrap5-plain-assets/images/blue-400-horizontal.png" alt="">
        </div>
        <span><small class="text-muted">10 jun 2021 19:40</small></span>
        <h2 class="fw-bold">Lorem ipsum dolor</h2>
        <p class="lead text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        <a class="d-flex align-items-center" href="#">
          <span>Read More</span>
          <span>
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
            </svg>
          </span>
        </a>
      </div>
      <div class="col-12 col-lg-4 mb-5">
        <div class="d-flex mb-4">
          <img class="img-fluid" src="bootstrap5-plain-assets/images/blue-400-horizontal.png" alt="">
        </div>
        <span><small class="text-muted">10 jun 2021 19:40</small></span>
        <h2 class="fw-bold">Lorem ipsum dolor</h2>
        <p class="lead text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        <a class="d-flex align-items-center" href="#">
          <span>Read More</span>
          <span>
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
            </svg>
          </span>
        </a>
      </div>
      <div class="col-12 col-lg-4 mb-5">
        <div class="d-flex mb-4">
          <img class="img-fluid" src="bootstrap5-plain-assets/images/blue-400-horizontal.png" alt="">
        </div>
        <span><small class="text-muted">10 jun 2021 19:40</small></span>
        <h2 class="fw-bold">Lorem ipsum dolor</h2>
        <p class="lead text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        <a class="d-flex align-items-center" href="#">
          <span>Read More</span>
          <span>
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
            </svg>
          </span>
        </a>
      </div>
    </div>
  </div>
</section>