Timeline example

  1. Home
  2. UI
  3. Timeline
  • 10 Feb. 2022
  • 12:05

    Timesten 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...
    Read more Delete
  • 5 mins ago

    Mercy Wanjiru accepted your friend request

  • 27 mins ago

    Antony Mwangi commented on your post

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

    Shalom Chege uploaded new photos

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

    Alex Chomba Mwangi shared a video

    See comments

Timeline Markup

<ul class="timeline">

    <!-- timeline time label -->
    <li class="time-label">
        <span class="bg-red">
            10 Feb. 2022
        </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>