Timeline - Blocks

<div class="timeline-wrapper timeline-left">
  <!-- Timeline box 1 -->
  <div class="timeline">
    <div class="timeline-date">
      <h6 class="font-small fw-medium uppercase">August 10, 2018</h6>
    </div>
    <div class="timeline-content">
      <h6>Heading</h6>
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
    </div>
  </div>
  <!-- Timeline box 2 -->
  <div class="timeline">
    ...
  </div>
  <!-- Timeline box 3 -->
  <div class="timeline">
    ...
  </div>
</div><!-- end timeline-wrapper -->

<div class="timeline-wrapper timeline-right">
  <!-- Timeline box 1 -->
  <div class="timeline">
    <div class="timeline-date">
      <h6 class="font-small fw-medium uppercase">August 10, 2018</h6>
    </div>
    <div class="timeline-content">
      <h6>Heading</h6>
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
    </div>
  </div>
  <!-- Timeline box 2 -->
  <div class="timeline">
    ...
  </div>
  <!-- Timeline box 3 -->
  <div class="timeline">
    ...
  </div>
</div><!-- end timeline-wrapper -->