# 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>