Pricing Style 2
Pricing Style 2
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:
Step-2:
Add the following code in your aticles
<div class="pricing-compare-table">
<div class="header">
<div class="row">
<div class="col-sm-4 col-heading"> </div>
<div class="col-sm-2 col-xs-6 border-left hidden-xs">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left hidden-xs">
<h4>Standard</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left col-feature hidden-xs">
<h4>Professional</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left hidden-xs">
<h4>Developer</h4>
</div>
</div>
<div class="row">
<div class="col-sm-4 col-heading heading">One-Time Price</div>
<div class="col-sm-2 col-xs-6 border-left hidden-xs"><span class="big-number">Free</span>
<p style="text-align: center;"><a href="index.php/component/axisubs/Subscribe/free" class="btn btn-success btn-lg">Download</a></p>
</div>
<div class="col-sm-2 col-xs-6 border-left hidden-xs"><span class="big-number">$99</span>
<p style="text-align: center;"><a href="index.php/component/axisubs/Subscribe/personal" class="btn btn-primary btn-lg">Buy</a></p>
</div>
<div class="col-sm-2 col-xs-6 border-left col-feature hidden-xs"><span class="big-number">$199</span>
<p style="text-align: center;"><a href="index.php/component/axisubs/Subscribe/business" class="btn btn-primary btn-lg">Buy</a></p>
</div>
<div class="col-sm-2 col-xs-6 border-left hidden-xs"><span class="big-number">$299</span>
<p style="text-align: center;"><a href="index.php/component/axisubs/Subscribe/developer" class="btn btn-primary btn-lg">Buy</a></p>
</div>
</div>
</div>
<div class="row heading">
<p>Catalog</p>
</div>
<div class="row row0">
<div class="col-sm-4 col-heading">Multiple images</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row row1">
<div class="col-sm-4 col-heading">Image zoom effect</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row row0">
<div class="col-sm-4 col-heading">Product filters / specifications</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row row1">
<div class="col-sm-4 col-heading">Manufacturers</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row row0">
<div class="col-sm-4 col-heading">Product list layouts</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row row1">
<div class="col-sm-4 col-heading">Filters for Brand / Categories</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row row0">
<div class="col-sm-4 col-heading">Search and sort filters</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row row1">
<div class="col-sm-4 col-heading">Price filter</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row row0">
<div class="col-sm-4 col-heading">Sub-templates</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row row0">
<div class="col-sm-4 col-heading">Import / export products</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row row1">
<div class="col-sm-4 col-heading">Display products from multiple categories</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row row0">
<div class="col-sm-4 col-heading">Short codes to show price, cart, related products</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row row1">
<div class="col-sm-4 col-heading">Cart module with three different layouts</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row heading">
<p>Inventory</p>
</div>
<div class="row row0">
<div class="col-sm-4 col-heading">Quantity restriction</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-times red"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row row1">
<div class="col-sm-4 col-heading">Backorder notification for customer</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-times red"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row row0">
<div class="col-sm-4 col-heading">Single page adding / editing of inventory</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-times red"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row row1">
<div class="col-sm-4 col-heading">Inventory/stock management</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-times red"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row row0">
<div class="col-sm-4 col-heading">Inventory for product options / variants</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-times red"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row row1">
<div class="col-sm-4 col-heading">Low stock threshold</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-times red"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row row0">
<div class="col-sm-4 col-heading">Min / Max quantity for sale</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-times red"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row row1">
<div class="col-sm-4 col-heading">Backorder</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-times red"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row heading">
<p>Sales</p>
</div>
<div class="row row0">
<div class="col-sm-4 col-heading">Orders management</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row row1">
<div class="col-sm-4 col-heading">Create orders from backend</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-times red"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row row0">
<div class="col-sm-4 col-heading">Customer address management</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-times red"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row row1">
<div class="col-sm-4 col-heading">Export Orders to CSV</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Free</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Standard</h4>
<span class="big-number">$39</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Professional</h4>
<span class="big-number">$49</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">
<h4>Developer</h4>
<span class="big-number">$99</span></div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row row0">
<div class="col-sm-4 col-heading">Advanced filters for orders</div>
<div class="col-xs-6 hidden-sm hidden-md hidden-lg">