• 01/20/2018
    Close the program
    Sed dapibus, pulvinar ut, non sed dui nibh. Leo fermentum, integer tortor pede laoreet.
  • 01/19/2018
    Announcing total fundraised
    Velit porttitor et, lacus non amet, donec est luctus nisl dis suscipit, nulla mi dolor, urna suspendisse dolor amet cras. Etiam in sed donec tellus lobortis at, nonummy tellus amet sit vel mauris, augue nec praesent porta, nullam tortor diam lorem. Tortor in sed donec erat. Enim neque eu ut amet, et pellentesque tortor dapibus eros ac.
  • 01/18/2018 - No event this day
  • 01/17/2018
    Speech from chief guest
    Penatibus vestibulum aenean sodales eleifend, sed arcu in risus urna et nec.
  • 01/16/2018
    Chief guests arrival
    Natoque quam nullam.
  • 01/15/2018
    Program starts!
    Lorem ipsum dolor sit amet, blandit scelerisque sem, elit est fusce metus pretium cursus vel, volutpat justo sapien ac, ornare in lacinia leo ornare pede in, tempor quis mattis molestie a massa.
<div class="timeline">
  <ul>
    <li class="event-success">
      <div class="header">
        01/20/2018
      </div>
      <div class="card">
        <div class="card-header text-success">
          <i class="fa fa-check mr-2"></i> Close the program
        </div>
        <div class="card-body">
          Sed dapibus, pulvinar ut, non sed dui nibh. Leo fermentum, integer tortor pede laoreet.
        </div>
      </div>
    </li>
    <li class="event-primary">
      <div class="header">
        01/19/2018
      </div>
      <div class="card">
        <div class="card-header">
          <h5 class="text-primary">
            <i class="fa fa-usd mr-2"></i> Announcing total fundraised
          </h5>
        </div>
        <div class="card-body">
          Velit porttitor et, lacus non amet, donec est luctus nisl dis suscipit, nulla mi dolor,
          urna suspendisse dolor amet cras. Etiam in sed donec tellus lobortis at, nonummy tellus amet sit vel
          mauris, augue nec praesent porta, nullam tortor diam lorem. Tortor in sed donec erat. Enim neque eu ut
          amet, et pellentesque tortor dapibus eros ac.
        </div>
      </div>
    </li>
    <li>
      <div class="header">
        01/18/2018 - No event this day
      </div>
    </li>
    <li class="event-warning">
      <div class="header">
        01/17/2018
      </div>
      <div class="card">
        <div class="card-header">
          <h5 class="text-warning">
            <i class="fa fa-microphone mr-2"></i> Speech from chief guest
          </h5>
        </div>
        <div class="card-body">
          Penatibus vestibulum aenean sodales eleifend, sed arcu in risus urna et nec.
        </div>
      </div>
    </li>
    <li class="event-danger">
      <div class="header">
        01/16/2018
      </div>
      <div class="card">
        <div class="card-header">
          <h5 class="text-danger">
            <i class="fa fa-users mr-2"></i> Chief guests arrival
          </h5>
        </div>
        <div class="card-body">
          Natoque quam nullam.
        </div>
      </div>
    </li>
    <li class="event-info">
      <div class="header">
        01/15/2018
      </div>
      <div class="card">
        <div class="card-header">
          <h5 class="text-info">
            <i class="fa fa-clock-o mr-2"></i> Program starts!
          </h5>
        </div>
        <div class="card-body">
          Lorem ipsum dolor sit amet, blandit scelerisque sem, elit est fusce metus pretium cursus vel,
          volutpat justo sapien ac, ornare in lacinia leo ornare pede in, tempor quis mattis molestie a massa.
        </div>
      </div>
    </li>
  </ul>
  <div class="container text-muted">
    Loading more events...
  </div>
</div>