# Timeline

- 15 Jan. 2017
- 11:48

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

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

  ### Rakesh Kumar uploaded new photos

- 18 days ago

  ### Ajay Varma 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="#">Genelia</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>