# Pricing Style 1

### Pricing Style1

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FeIUG1NwGem2lqMyMc8JA%2FPricing_Style1.png?alt=media\&token=6029d6c6-1de2-4a89-8b0e-efcc7a616286)

If you want to display your pricing table like this you have to create a article and menu Item and publish it like below

#### Step-1:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FeIUG1NwGem2lqMyMc8JA%2FPricing_Style1.png?alt=media\&token=6029d6c6-1de2-4a89-8b0e-efcc7a616286)

#### Step-2:

Add the following code in your aticles

```html
<div class="our-pricing-table">
<div class="row">
<div class="col-sm-3 desc-col">
<div class="pricing style-1">
<div class="row-1">Packages<small>&nbsp;</small></div>
<div class="row-1">Price <small>&nbsp;</small></div>
<div class="row-1">Access to all themes</div>
<div class="row-1">Frequents Update</div>
<div class="row-1">Unlimited Support</div>
<div class="row-1">Layered Photoshop Files</div>
<div class="row-1">Access To All Plugins</div>
<div class="row-1">Cloud Storage</div>
<div class="row-1">Call to action</div>
</div>
</div>
<div class="col-sm-3 default-col">
<div class="pricing style-1">
<div class="row-1"><span>Personal</span></div>
<div class="row-1"><span> $99 </span><small> per year </small></div>
<div class="row-1"><em class="fa fa-check"></em></div>
<div class="row-1"><em class="fa fa-check"></em></div>
<div class="row-1"><em class="fa fa-check"></em></div>
<div class="row-1"><em class="fa fa-times"></em></div>
<div class="row-1"><em class="fa fa-check"></em></div>
<div class="row-1"><em class="fa fa-times"></em></div>
<div class="row-1"><a href="index.php/component/axisubs/Subscribe/personal" target="_self" class="btn btn-success btn-block">Sign Up Now</a></div>
</div>
</div>
<div class="col-sm-3 highlight-col">
<div class="pricing style-1">
<div class="row-1"><span>Developer </span></div>
<div class="row-1"><span> $299 </span><small> per year </small></div>
<div class="row-1"><em class="fa fa-check"></em></div>
<div class="row-1"><em class="fa fa-check"></em></div>
<div class="row-1"><em class="fa fa-check"></em></div>
<div class="row-1"><em class="fa fa-times"></em></div>
<div class="row-1"><em class="fa fa-check"></em></div>
<div class="row-1"><em class="fa fa-times"></em></div>
<div class="row-1"><a href="index.php/component/axisubs/Subscribe/developer" target="_self" class="btn btn-warning btn-block">Sign Up Now</a></div>
</div>
</div>
<div class="col-sm-3 default-col">
<div class="pricing style-1">
<div class="row-1"><span>BUSINESS </span></div>
<div class="row-1"><span> $199 </span><small> per year </small></div>
<div class="row-1"><em class="fa fa-check"></em></div>
<div class="row-1"><em class="fa fa-check"></em></div>
<div class="row-1"><em class="fa fa-check"></em></div>
<div class="row-1"><em class="fa fa-times"></em></div>
<div class="row-1"><em class="fa fa-check"></em></div>
<div class="row-1"><em class="fa fa-times"></em></div>
<div class="row-1"><a href="index.php/component/axisubs/Subscribe/business" target="_self" class="btn btn-success btn-block">Sign Up Now</a></div>
</div>
</div>
</div>
</div>
```