HTML

<div class="list-group date-list">
  
  <div class="list-group-item list-group-item-action p-0">
    <div class="d-flex">
      <div class="col-3 py-4 px-3 bg-gray-100">
        <time class="d-flex flex-column w-100 h-100 justify-content-start text-center">
          <span class="d-block display-3 mt-4 mb-0 lh-1 fw-normal text-black">7</span>
          <span class="d-block h4 my-0 lh-1 text-uppercase text-black">May</span>
          <span class="d-block h6 my-1 lh-1 text-black">2026</span>
        </time>
      </div>
      <div class="col p-4">
        <h3 class="text-maroon-300 my-4">Date Example 1</h3>
        <p class="font-size-70 my-2 text-gray-700">10:00 am</p>
        <div class="font-size-80 my-2 remove-last-p-margin remove-last-ul-margin">
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Isto modo ne improbos quidem, si essent boni viri. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Cur deinde Metrodori liberos commendas?</p>
        </div>
      </div>
    </div>
  </a>
  
  <a href="https://www.msstate.edu" class="list-group-item list-group-item-action p-0">
    <div class="d-flex">
      <div class="col-3 py-4 px-3 bg-gray-100">
        <time class="d-flex flex-column w-100 h-100 justify-content-start text-center">
          <span class="d-block display-3 mt-4 mb-0 lh-1 fw-normal text-black">10</span>
          <span class="d-block h4 my-0 lh-1 text-uppercase text-black">August</span>
          <span class="d-block h6 my-1 lh-1 text-black">2026</span>
        </time>
      </div>
      <div class="col p-4">
        <h3 class="text-maroon-300 my-4">Link Example 2</h3>
        <p class="font-size-70 my-2 text-gray-700">10:00 am</p>
        <div class="font-size-80 my-2 remove-last-p-margin remove-last-ul-margin">
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Isto modo ne improbos quidem, si essent boni viri. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Cur deinde Metrodori liberos commendas?</p>
        </div>
      </div>
    </div>
  </a>

</div>