Home Forums Particles Support Pricing Table Reply To: Pricing Table


Tony
Moderator

Here the custom code for example

<h2 class="jl-h3">
Compare All Features    </h2>
<div><div class="jl-overflow-auto">
<table class="jl-table jl-table-striped">
<thead>
<tr>
<th>Features</th>
<th>Basic</th>
<th>Standard</th>
<th>Advanced</th>
</tr>
</thead>
<tbody>
<tr>
<td>Lorem ipsum dolor sit amet</td>
<td>3 Users</td>
<td>9 Users</td>
<td>Unlimited</td>
</tr>
<tr>
<td>Lorem ipsum</td>
<td>1 GB / Team member</td>
<td>10 GB / Team member</td>
<td>20 GB / Team member</td>
</tr>
<tr>
<td>Consetetur sadipscing</td>
<td>Lorem ipsum dolor</td>
<td>Lorem ipsum dolor</td>
<td>Unlimited</td>
</tr>
<tr>
<td>Ipsum dolor sit amet consetetur elit</td>
<td>Lorem ipsum</td>
<td>Ipsum dolor</td>
<td>Unlimited</td>
</tr>
<tr>
<td>Sit amet consetetur elit</td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
</tr>
<tr>
<td>Dolor sit amet consetetur</td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
</tr>
<tr>
<td>Lorem ipsum dolor sit amet</td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
</tr>
<tr>
<td>Ipsum dolor sit amet</td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
</tr>
<tr>
<td>Dolor sit amet consetetur</td>
<td><img class="jl-text-danger" src="images/sampledata/pricing-cross.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
</tr>
<tr>
<td>Lorem ipsum dolor</td>
<td><img class="jl-text-danger" src="images/sampledata/pricing-cross.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
</tr>
<tr>
<td>Consetetur sadipscing elit</td>
<td><img class="jl-text-danger" src="images/sampledata/pricing-cross.svg" jl-svg></td>
<td><img class="jl-text-danger" src="images/sampledata/pricing-cross.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
</tr>
<tr>
<td>Lorem ipsum amet consetetur</td>
<td><img class="jl-text-danger" src="images/sampledata/pricing-cross.svg" jl-svg></td>
<td><img class="jl-text-danger" src="images/sampledata/pricing-cross.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
</tr>
<tr>
<td>Lorem ipsum dolor</td>
<td><img class="jl-text-danger" src="images/sampledata/pricing-cross.svg" jl-svg></td>
<td><img class="jl-text-danger" src="images/sampledata/pricing-cross.svg" jl-svg></td>
<td><img class="jl-text-primary" src="images/sampledata/pricing-check.svg" jl-svg></td>
</tr>
</tbody>
</table>
</div></div>
JoomLead Gantry 5 particles 2.2.0 released, new features and bug fixes Changelog
Cyber Monday is finally here! Save 30% OFF everything. Use promo code: 30OFFCM Shop Now