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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://jdocs.themeparrot.com/joomla-templates/business/layout-customization/pricing/pricing-style-1.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.