Timeline example

  • 10 Feb. 2014
  • 12:05

    Support Team sent you an email

    Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr jibjab, movity jajah plickers sifteo edmodo ifttt zimbra. Babblely odeo kaboodle quora plaxo ideeli hulu weebly balihoo...
  • 5 mins ago

    Sarah Young accepted your friend request

  • 27 mins ago

    Jay White commented on your post

    Take me to your leader! Switzerland is small and neutral! We are more like Germany, ambitious and misunderstood!
  • 3 Jan. 2014
  • 2 days ago

    Mina Lee uploaded new photos

    ... ... ... ...
  • 5 days ago

    Mr. Doe shared a video

Timeline Markup

<ul class="timeline">

    <!-- timeline time label -->
    <li class="time-label">
        <span class="bg-red">
            10 Feb. 2014
        </span>
    </li>
    <!-- /.timeline-label -->

    <!-- timeline item -->
    <li>
        <!-- timeline icon -->
        <i class="fa fa-envelope bg-blue"></i>
        <div class="timeline-item">
            <span class="time"><i class="fa fa-clock-o"></i> 12:05</span>

            <h3 class="timeline-header"><a href="#">Support Team</a> ...</h3>

            <div class="timeline-body">
                ...
                Content goes here
            </div>

            <div class='timeline-footer'>
                <a class="btn btn-primary btn-xs">...</a>
            </div>
        </div>
    </li>
    <!-- END timeline item -->

    ...

</ul>