In order to get the following view as in the example, please insert the html code to the post you want. You can edit text in the code to change information.

<div class="pricing-table pricing-three-column">
<div class="col-sm-4 col-md-4 col-lg-4">
<div class="plan">
<div class="plan-name-bronze">
<h2>Bronze</h2>
<span>$8.99 / Month</span>
</div>
<ul>
	<li class="plan-feature">10 Users</li>
	<li class="plan-feature">5TB Disk Space</li>
	<li class="plan-feature"><a class="btn btn-primary btn-plan-select" href="#"><i class="icon-white icon-ok"></i> Select</a></li>
</ul>
</div>
</div>

<div class="col-sm-4 col-md-4 col-lg-4">
<div class="plan">
<div class="plan-name-silver">
<h2>Silver <span class="badge badge-warning">Popular</span></h2>
<span><span style="text-decoration: line-through;">$10.99</span> <span style="color: red;">$9.99 - <span class="label label-warning">Sale</span></span></span>
</div>
<ul>
	<li class="plan-feature">50 Users</li>
	<li class="plan-feature">10TB Disk Space</li>
	<li class="plan-feature"><a class="btn btn-primary btn-plan-select" href="#"><i class="icon-white icon-ok"></i> Select</a></li>
</ul>
</div>
</div>

<div class="col-sm-4 col-md-4 col-lg-4">
<div class="plan">
<div class="plan-name-gold">
<h2>Gold</h2>
<span>$15.99 / Month</span>
</div>
<ul>
	<li class="plan-feature">Unlimited Users</li>
	<li class="plan-feature">Unlimited Space</li>
	<li class="plan-feature"><a class="btn btn-primary btn-plan-select" href="#"><i class="icon-white icon-ok"></i> Select</a></li>
</ul>
</div>
</div>
</div>