Timeline
Use the below code to display timeline:
<ul class="timeline list-inline">
<li>
<div class="timeline-badge"><img class="img-responsive" src="images/timeline/01.png" alt=""></div>
<div class="timeline-panel">
<div class="timeline-heading text-center">
<h4 class="timeline-title divider-3">CREATE PROFILE</h4>
</div>
<div class="timeline-body">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. enim ad minim veniam, quis</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-badge"><img class="img-responsive" src="images/timeline/02.png" alt=""></div>
<div class="timeline-panel">
<div class="timeline-heading text-center">
<h4 class="timeline-title divider-3">FIND MATCHES</h4>
</div>
<div class="timeline-body">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. enim ad minim veniam, quis</p>
</div>
</div>
</li>
<li>
<div class="timeline-badge"><img class="img-responsive" src="images/timeline/03.png" alt=""></div>
<div class="timeline-panel">
<div class="timeline-heading text-center">
<h4 class="timeline-title divider-3">START DATING</h4>
</div>
<div class="timeline-body">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. enim ad minim veniam, quis</p>
</div>
</div>
</li>
</ul>