&lt;div class="card"&gt;
  &lt;div class="card-header fw-bold"&gt;Today, Nov 4&lt;/div&gt;
  &lt;div class="widget-reminder"&gt;
    &lt;div class="widget-reminder-item"&gt;
      &lt;div class="widget-reminder-time"&gt;20:00&lt;br&gt;23:00&lt;/div&gt;
      &lt;div class="widget-reminder-divider bg-primary"&gt;&lt;/div&gt;
      &lt;div class="widget-reminder-content"&gt;
        &lt;div class="fw-bold"&gt;Dinner with Richard&lt;/div&gt;
        &lt;div class="fs-13px"&gt;Tom's Too Restaurant&lt;/div&gt;
        &lt;div class="d-flex align-items-center fs-13px mt-2"&gt;
          &lt;div class="flex-fill d-flex align-items-center"&gt;
            &lt;img src="assets/img/user/user-3.jpg" alt="" width="16" class="rounded-circle me-2"&gt; Richard Leong
          &lt;/div&gt;
          &lt;a href="#" class="ms-auto"&gt;Contact&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;