<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="row">
<div class="col-sm-4">
<div class="mega-pricing-item gradient-style-1">
<div class="pricing-icon">
<i class="fa fa-heart-o"></i>
</div>
<h3><strong>Basic</strong> Plan</h3>
<ul>
<li><strong>Manage</strong> tasks</li>
<li><strong>Sync</strong> notes</li>
<li><strong>Set</strong> deadline</li>
</ul>
<h1><span>$</span>100</h1>
<p class="pricing-duration">Per month</p>
<a href="http://bootstraptema.ru/stuff/snippets_bootstrap/prices/jarkie_prajsy_tarifov/26-1-0-2006" class="bordered-btn">Buy now</a>
</div>
</div>
<div class="col-sm-4">
<div class="mega-pricing-item gradient-style-2 active">
<div class="pricing-icon">
<i class="fa fa-plane"></i>
</div>
<h3><strong>Advance</strong> Plan</h3>
<ul>
<li><strong>Manage</strong> tasks</li>
<li><strong>Sync</strong> notes</li>
