Pricing Style 2

Last updated 2 years ago

<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"> <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">Flexible order statuses</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">Custom order statuses</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">Returns handling</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>Storefront</p> </div> <div class="row row0"> <div class="col-sm-4 col-heading">Templates for email notifications</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">Invoice 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-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">Support for both Bootstrap 2.x and 3.x</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">Multi-currency support</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">Multi-lingual support</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">Mobile-friendly, responsive</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>Discount</p> </div> <div class="row row0"> <div class="col-sm-4 col-heading">Advanced pricing</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">Coupon codes</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">Vouchers</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">Discount / Tiered pricing</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">Customer group based pricing</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">Up-sells / Cross-sells</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">Free shipping discount</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>Checkout</p> </div> <div class="row row1"> <div class="col-sm-4 col-heading">Onepage checkout</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">Custom fields for checkout</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">Additional fields for checkout</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">Check out field ordering</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">Guest checkout</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>Support</p> </div> <div class="row row1"> <div class="col-sm-4 col-heading">Community forum support</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">Access to ticket system</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">Free installation and setup</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-times red"></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">Subscription period</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 ">3 Months</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 ">6 Months</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 ">1 Year</div> </div> <div class="row"> <div class="col-sm-4 col-heading"> </div> <div class="col-xs-6 hidden-sm hidden-md hidden-lg"> <h4>Free</h4> </div> <div class="col-sm-2"><a href="index.php/component/axisubs/Subscribe/free" class="btn btn-success btn-lg">Download</a></div> <div class="col-xs-6 hidden-sm hidden-md hidden-lg"> <h4>Standard</h4> <span class="big-number">$99</span></div> <div class="col-sm-2"><a href="index.php/component/axisubs/Subscribe/personal" class="btn btn-primary btn-lg">Buy</a></div> <div class="col-xs-6 hidden-sm hidden-md hidden-lg"> <h4>Professional</h4> <span class="big-number">$199</span></div> <div class="col-sm-2"><a href="index.php/component/axisubs/Subscribe/business" class="btn btn-primary btn-lg">Buy</a></div> <div class="col-xs-6 hidden-sm hidden-md hidden-lg"> <h4>Developer</h4> <span class="big-number">$299</span></div> <div class="col-sm-2"><a href="index.php/component/axisubs/Subscribe/business" class="btn btn-primary btn-lg">Buy</a></div> </div> </div>

Pricing Style 2

Pricing Style 2

Step-1:

Step-2: