<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bootstrap Timeline</title>
<link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css">
<link rel="stylesheet" href="css/timeline.css">
</head>
<body>
<div class="container-fluid">
<div class="col-md-12">
<div class="row">
<h1>bootstrap-responsive-timeline</h1>
</div>
<div class="row">
<h2>Usage example</h2>
<div class="timeline timeline-line-dotted">
<span class="timeline-label">
<span class="label label-primary">17.03.2016</span>
</span>
<div class="timeline-item">
<div class="timeline-point timeline-point-success">
<i class="fa fa-money"></i>
</div>
<div class="timeline-event">
<div class="timeline-heading">
<h4>MoneyService Transfer</h4>
</div>
<div class="timeline-body">
<p>Money transfer. By Alex, Wallet ID: 1234567890, Amount: 10$</p>
</div>
<div class="timeline-footer">
<p class="text-right">17.03.2016 10:00</p>
</div>
</div>
</div>
<span class="timeline-label">
<span class="label label-primary">09.03.2016</span>
</span>
<div class="timeline-item">
<div class="timeline-point timeline-point-success">
<i class="fa fa-money"></i>
</div>
<div class="timeline-event">
<div class="timeline-heading">
<h4>MoneyService Transfer</h4>
</div>
<div class="timeline-body">
<p>Money transfer. By Alex, Wallet ID: 1234567890, Amount: 2220$</p>
</div>
<div class="timeline-footer">
<p class="text-right">09.03.2016 09:00</p>
</div>
</div>
</div>
<span class="timeline-label">
<span class="label label-primary">09.02.2016</span>
</span>
<div class="timeline-item">
<div class="timeline-point timeline-point-success">
<i class="fa fa-money"></i>
</div>
<div class="timeline-event">
<div class="timeline-heading">
<h4>MoneyService Transfer</h4>
</div>
<div class="timeline-body">
<p>Money transfer. By John, Wallet ID: 1234567890, Amount: 261$</p>
</div>
<div class="timeline-footer">
<p class="text-right">09.02.2016 08:00</p>
</div>
</div>
</div>
<span class="timeline-label">
<span class="label label-primary">08.02.2016</span>
</span>
<div class="timeline-item">
<div class="timeline-point timeline-point-success">
<i class="fa fa-money"></i>
</div>
<div class="timeline-event">
<div class="timeline-heading">
<h4>MoneyService Transfer</h4>
</div>
<div class="timeline-body">
<p>Money transfer. By John, Wallet ID: 1234567890, Amount: 100$</p>
</div>
<div class="timeline-footer">
<p class="text-right">08.02.2016 14:00</p>
</div>
</div>
</div>
<div class="timeline-item">
<div class="timeline-point timeline-point-success">
<i class="fa fa-money"></i>
</div>
<div class="timeline-event">
<div class="timeline-heading">
<h4>MoneyService Transfer</h4>
</div>
<div class="timeline-body">
<p>Money transfer. By Alex, Wallet ID: 1234567890, Amount: 250$</p>
</div>
<div class="timeline-footer">
<p class="text-right">08.02.2016 12:00</p>
</div>
</div>
</div>
<div class="timeline-item">
<div class="timeline-point timeline-point-danger">
<i class="fa fa-times"></i>
</div>
<div class="timeline-event">
<div class="timeline-heading">
<h4>MoneyService Transfer</h4>
</div>
<div class="timeline-body">
<p>Money transfer. By Tom, Wallet ID: 1234567890, Amount: 10$</p>
</div>
<div class="timeline-footer">
<p class="text-right">08.02.2016 11:30</p>
</div>
</div>
</div>
<div class="timeline-item">
<div class="timeline-point timeline-point-danger">
<i class="fa fa-times"></i>
</div>
<div class="timeline-event">
<div class="timeline-heading">
<h4>MoneyService Transfer</h4>
</div>
<div class="timeline-body">
<p>Money transfer. By Alex, Wallet ID: 1234567890, Amount: 3$</p>
</div>
<div class="timeline-footer">
<p class="text-right">08.02.2016 11:00</p>
</div>
</div>
</div>
<div class="timeline-item">
<div class="timeline-point timeline-point-danger">
<i class="fa fa-times"></i>
</div>
<div class="timeline-event">
<div class="timeline-heading">
<h4>MoneyService Transfer</h4>
</div>
<div class="timeline-body">
<p>Money transfer. By Alex, Wallet ID: 1234567890, Amount: 25$</p>
</div>
<div class="timeline-foot