Timeline Icons

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

    Customer 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
  • 12:05

    Ticket

    Etsy doostang zoodles disqus groupon greplin oooj voxy zoodle
  • 27 mins ago

    Ask a question

    Take me to your leader! Switzerland is small and neutral! We are more like Germany, ambitious and misunderstood!
  • 27 mins ago

    Chat

    Take me to your leader! Switzerland is small and neutral! We are more like Germany, ambitious and misunderstood!
  • 5 mins ago

    Agent Response

  • 5 mins ago

    Secure Email

  • 12:05

    Notification

    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

    Agent Email

  • 5 mins ago

    Mass Mailing

  • 5 mins ago

    Public Note

  • 5 mins ago

    Private Note

  • 5 mins ago

    Resolve Note

  • 27 mins ago

    Notification

    Take me to your leader! Switzerland is small and neutral! We are more like Germany, ambitious and misunderstood!
  • 5 mins ago

    Contact Creation

  • 5 mins ago

    Find Answers

  • 3 Jan. 2014

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>