<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<h2>STYLE 1</h2>
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12 float-shadow">
<div class="price_table_container">
<div class="price_table_heading">Starter</div>
<div class="price_table_body">
<div class="price_table_row cost warning-bg"><strong>$ 19</strong><span>/MONTH</span></div>
<div class="price_table_row">1 Website</div>
<div class="price_table_row">10 GB Storage</div>
<div class="price_table_row">10 GB Bandwidth</div>
<div class="price_table_row">10 Email Addresses</div>
<div class="price_table_row">Free Backup</div>
<div class="price_table_row">Full Time Support</div>
</div>
<a href="#" class="btn btn-warning btn-lg btn-block">Sign Up</a>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12 float-shadow">
<div class="recommended"><strong><span class="glyphicon glyphicon-heart" aria-hidden="true"></span> RECOMMENDED</strong></div>
<div class="price_table_container">
<div class="price_table_heading">Basic</div>
<div class="price_table_body">
<div class="price_table_row cost primary-bg"><strong>$ 29</strong><span>/MONTH</span></div>
<div class="price_table_row">10 Websites</div>
<div class="price_table_row">100 GB Storage</div>
<div class="price_table_row">100 GB Bandwidth</div>
<div class="price_table_row">50 Email Addresses</div>
<div class="price_table_row">Free Backup</div>