<div class="row">
<div class="col-sm-12 text-center">
<h4 class="uppercase mb16">Brief Plans</h4>

<p class="lead mb64">Perfect for uncomplicated pricing options. Alter appearance with '.boxed' and '.emphasis' classes</p>
</div>
</div>
<!--end of row-->

<div class="row">
<div class="col-md-4 col-sm-6">
<div class="pricing-table pt-1 text-center">
<h5 class="uppercase">Starter</h5>
<span class="price">$12</span>

<p class="lead">Per Month</p>
<a class="btn btn-filled btn-lg" href="#">Get Started</a>

<p>30 Day Free Trial<br />
No Credit Card Required</p>
</div>
<!--end of pricing table--></div>

<div class="col-md-4 col-sm-6">
<div class="pricing-table pt-1 text-center boxed">
<h5 class="uppercase">Pro</h5>
<span class="price">$19</span>

<p class="lead">Per Month</p>
<a class="btn btn-filled btn-lg" href="#">Get Started</a>

<p>30 Day Free Trial<br />
No Credit Card Required</p>
</div>
<!--end of pricing table--></div>

<div class="col-md-4 col-sm-6">
<div class="pricing-table pt-1 text-center emphasis">
<h5 class="uppercase">Value</h5>
<span class="price">$14</span>

<p class="lead">Per Month</p>
<a class="btn btn-white btn-lg" href="#">Get Started</a>

<p>30 Day Free Trial<br />
No Credit Card Required</p>
</div>
<!--end of pricing table--></div>
</div>
