AdminLTE
Toggle navigation
  • 4
    • You have 4 messages
      • User Image

        Support Team 5 mins

        Why not buy a new awesome theme?
      • user image

        AdminLTE Design Team 2 hours

        Why not buy a new awesome theme?
      • user image

        Developers Today

        Why not buy a new awesome theme?
      • user image

        Sales Department Yesterday

        Why not buy a new awesome theme?
      • user image

        Reviewers 2 days

        Why not buy a new awesome theme?
    • See All Messages
  • 10
    • You have 10 notifications
      • 5 new members joined today
      • Very long description here that may not fit into the page and may cause design problems
      • 5 new members joined
      • 25 sales made
      • You changed your username
    • View all
  • 9
    • You have 9 tasks

      • Design some buttons 20%

        20% Complete

      • Create a nice theme 40%

        40% Complete

      • Some task I need to do 60%

        60% Complete

      • Make beautiful transitions 80%

        80% Complete
    • View all tasks
  • Jane Doe
    • User Image

      Jane Doe - Web Developer Member since Nov. 2012

    • Followers
      Sales
      Friends
    • Profile
      Sign out
User Image

Hello, Jane

Online
  • Dashboard
  • Widgets new
  • Charts
    • Morris
    • Flot
    • Inline charts
  • UI Elements
    • General
    • Icons
    • Buttons
    • Sliders
    • Timeline
  • Forms
    • General Elements
    • Advanced Elements
    • Editors
  • Tables
    • Simple tables
    • Data tables
  • Calendar 3
  • Mailbox 12
  • Examples
    • Invoice
    • Login
    • Register
    • Lockscreen
    • 404 Error
    • 500 Error
    • Blank Page

Timeline example

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

    Support Team sent you and 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

    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!
    View comment
  • 3 Jan. 2014
  • 2 days ago

    Mina Lee uploaded new photos

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

    Mr. Doe shared a video

    See comments

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>