Timeline

  • 15 Jan. 2017
  • 11:48

    Harmaini sent you an email

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. ...
  • 11 mins ago

    Harry Johon accepted your friend request

  • 55 mins ago

    Jone Doe commented on your post

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus numquam facilis enim eaque, tenetur nam id qui vel velit similique nihil iure molestias aliquam, voluptatem totam quaerat, magni commodi quisquam.
  • 15 Nov. 2016
  • 8 days ago

    Mical karp uploaded new photos

    ... ... ... ...
  • 18 days ago

    Thomas Doe shared a video

Timeline Markup

<ul class="timeline">

	<!-- timeline time label -->
	<li class="time-label">
		<span class="bg-blue">
			18 Jan. 2017
		</span>
	</li>
	<!-- /.timeline-label -->

	<!-- timeline item -->
	<li>
		<!-- timeline icon -->
		<i class="ion ion-email bg-blue"></i>
		<div class="timeline-item">
			<span class="time"><i class="ion ion-ios-clock"></i> 12:05</span>

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

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

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

	...

</ul>