> For the complete documentation index, see [llms.txt](https://jdocs.themeparrot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jdocs.themeparrot.com/joomla-templates/business/layout-customization/pricing/pricing-style-1.md).

# Pricing Style 1

### Pricing Style1

![](/files/XYkJyMAHzAP1Yvm8w1wN)

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:

![](/files/XYkJyMAHzAP1Yvm8w1wN)

#### 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>
```