📖
jdocs
  • Joomla Templates
    • Splash
      • Start
      • Introduction
      • Installation
      • Template Customization
        • How to change logo
        • How to change themes
        • How to change the home layout
        • How to use mega menu
        • Navigation Configuration
        • Offcanvas Menu
      • Modules Customization
        • Search Module
        • Footer Splash info Module
        • Footer Latest Posts Module
        • Footer Flicker feed Module
        • Footer Copyrights Module
        • Footer Social Icons Module
      • Pages
        • Home-1
          • Home-1 feature Module
          • Home-1 Portfolio slider module
          • Home-1 Why should you buy us? Module
          • Home-1 Number count Module
          • Home-1 feature blog post Module
          • Home-1 Testimonial module
          • Home-1 Brands module
        • Home-2
          • Home-2 Promo Module
          • Home-2 feature Module
          • Home-2 Latest blog slider module
          • Home-2 Portfolio slider module
          • Home-2 Spotlight blockquote Module
          • Home-2 Spotlight Why we do it Module
          • Home-2 spotlight list module
          • Home-2 Brands module
        • Home-3
          • Home-3 static Module
          • Home-3 Feature Module
          • Home-3 Why should you buy us? Module
          • Home-3 Portfolio slider module
          • Home-3 Pricing table Module
          • Home-3 Testimonial module
          • Home-3 Number count Module
          • Home-3 Brands module
          • Home-3 bottom Module
        • Home-4
          • Home-4 parallax 1
          • Home-4 parallax 2
          • Home-4 parallax 3
          • Home-4 Number count Module
          • Home-1 Brands module
        • Home-5
          • Home-5 intro Module
          • Home-5 portfolio grid module
          • Home-5 feature Module
          • Home-5 Number count Module
          • Home-5 Brands module
        • Home-6
          • Home-6 Promo Module
          • Home-6 About us module
          • Home-6 feature Module
          • Home-6 Testimonial module
        • Home-7
          • Home-7 Intro Module
          • Home-7 offer Module
          • Home-7 Testimonial module
        • Home-8
          • Home-8 Intro Module
      • Third Party extensions
        • K2 blog
        • J2store Shoppping cart
        • RokSprocket
      • Recommendation
      • Video Tutorials
      • Support
    • Runway
      • Start
      • Introduction
      • Installation
      • Template Customization
        • How to remove the style selector
        • How to change logo
        • How to change theme
        • How to change home layouts
        • Offcanvas menu configuration
      • Layout Customization
        • Home styles
          • Home style 1
            • Top left contact info
            • Top right menu
            • Home intro text
            • Home Features module
            • Home 1 Master Promotion text
            • Home 1 List Features module
            • Home 1 portfolio module
            • Home 1 Clients logo
            • Home 1 Promo text bottom
          • Home style 2
            • Home 2 Intro module
            • Home 2 About us module
            • Home 2 Portfolio module
            • Home 2 Brands
            • Home 2 Clients
          • Home style 3
            • Home 3 Intro module
            • Home 3 Promo
            • Home 3 Portfolio
            • Home 3 Number count
            • Home 3 About us module
            • Home 2 Brands
          • Home style 4
            • Home 4 Top social icons
            • Home 4 Top right menu
            • Home 4 Intro module
            • Home 4 What we offer Module
            • Home 4 Portfolio module
            • Home 4 Promo
            • Home 4 Testimonials module
            • Home 4 Brands module
          • Home style 5
            • Home 5 intro module
            • Home 5 How it works module
            • Home 5 App features
            • Home 5 App screenshots
            • Home 5 Brands
            • Home 5 Pricing table header
          • Home style 6
            • Home 6 topbar left
            • Home 6 currency module
            • home 6 shop intro
            • Home 6 best selling products
            • Home 6 New arrivals module
            • Home 6 Promotion text
            • Home 6 Latest News module
            • Home 6 Brands module
          • Home style 7
            • Boxed Layout
          • Home style 8
            • one page intro module
            • One page Portfolio module
            • One page Team members
            • Onepage testimonials
            • Onepage Contact us section
            • Onepage Google map Module
        • Footer
          • Footer about us
          • Footer Blog Categories list
          • Footer from our blog section
          • Footer ACY mailing module
        • Pages
          • About us page
          • About us Team members
          • About us Number count
          • About us Clients we worked with
          • Team page Intro
          • Team page about us
          • Team page Progress bar
          • Team page Contact link
          • Service page intro
          • Service page brands
          • Service pricing table
      • Third Party extensions
        • K2 blog
        • J2store Shoppping cart
        • RokSprocket
      • Recommendation
      • Video Tutorials
      • Support
    • Bookstore
      • Start
      • Introduction
      • Installation
      • Social share
      • Search
      • Mini cart
      • Wishlist J2store
      • Top menu-right
      • Template Customization
        • How to change logo
        • How to change home layouts
      • Layout Customization
        • Home styles
          • Home style 1
            • Unite Revolution Slider 2
            • Custom-image1
            • Custom-image2
            • Custom-image3
            • Book Slider
            • Book Collection
            • Featured Products
            • Latest from our blog
            • Brand logo
            • Subcribe now
          • Home style 2
            • SP Smart Slider
            • J2Store Categories
            • Banner 1
            • Banner 2
            • Book Collection
            • Amazing Collections
            • Web Designing
            • The devils
            • New Collections
            • Featured Products
            • Latest from our Blog
            • Brand Logos
            • Latest Products
          • Home style 3
            • What our client says
            • Banner
            • 30-day Return
            • Free Shipping
            • Customer Care
            • Safe Shipping
        • Blogs
          • Search
          • Categories
          • Latest Blog
        • Footer
          • About us
          • Categories
          • Shopping Guide
          • Recent posts
          • Copyrights
          • Payment Methods
          • Map Module
      • Third party Extensions
        • Acy mailing
        • Akeeba backup
        • BT Google Maps
        • J2store product display
        • J2store product category
        • Sp smart slider
        • Unite Revolution slider
        • Axismeta
      • Support
    • Yummy
      • Start
      • Introduction
      • Installation
      • Template Customization
        • How to change logo
        • How to change color theme
        • How to remove the style selector
      • Layout Customization
        • Home Page
          • Slideshow
          • Delicious Food Modules
          • Special offer for you Module
          • Menu Module
          • Testimonials
          • News Update module
          • Map Module
          • Footer Modules
        • Other Pages
          • Book a table module
          • Box style Modules
          • Meet our team
          • Appetizer Module
          • Footer modules
      • Recommendation
      • Video Tutorials
      • Support
    • Trendz
      • Start
      • Introduction
      • Installation
      • Template Customization
        • How to change logo
        • How to change color theme
      • Layout Customization
        • Homepage
          • Home to setup slideshow
          • Top modules
          • New arrivals
          • Featured Products
          • From our blog
          • Most popular products
          • Bottom custom html modues
        • Footer section
          • Footer about us module
          • Footer shopping guide module
          • Footer online shopping Module
          • Footer AcyMailing Module
          • Footer Copyrights Module
          • Footer Payment icons Module
      • Recommendation
      • Video Tutorials
      • Support
    • Claypot
      • Requirement
      • Packing Content
      • Installation
      • Template Customization
        • How to change logo
        • Slideshow
        • Hot Products
        • Testimonials
        • Main service we provide
        • Our Upcoming events
        • Latest blog post
        • News Letter
      • Recommendation
      • Video Tutorials
      • Support
    • Milestone
      • Start
      • Introduction
      • Installation
      • Template Customization
        • How to remove the style selector
        • How to change logo
        • How to change theme
      • Layout Customization
        • Home page
          • Home Banner
          • Why should choose us?
          • Product info
          • Brand Logos
          • Home Custom blocks
          • It's simple. It's fast.
          • Footer modules
        • Other pages
          • Product page
          • Blog page
      • Recommendation
      • Video Tutorials
      • Support
    • Outfit
      • Start
      • Introduction
      • Installation
      • Template Customization
        • How to remove the style selector
        • How to change logo
        • How to change theme
      • Layout Customization
        • Home page
          • Home-1
            • Home banner
            • Categories
            • Powerful Features
            • New Arrivals
            • Latest blog
            • Offer
            • Shipping and Offer
            • New collections
          • Home-2
            • Home banner
            • Fashion clothes
            • Product
            • New Products
            • Latest blog
            • Discount
        • Footer
      • Recommendation
      • Video Tutorials
      • Support
    • Business
      • Start
      • Introduction
      • Installation
      • Head Download
      • Template Customization
        • How to change logo
        • How to change home layouts
        • Offcanvas menu Configuration
      • Layout Customization
        • Home style 1
          • Homepage banner
          • Feature quote
          • Feature tab
          • Brand logos
          • Build your finanical tab
          • Build your finanical quote
          • Latest Case Studies
          • Payment Methods 1
          • Payment Methods 2
        • Home style 2
          • Home style2 - Banner
          • Home style2 - quote
          • Effective strategy working out
          • Effective strategy bottom blocks
          • Home style2 - quote2
          • Global partners
          • Global partners bottom blocks
          • Home style2 - quote3
          • Standard Support
          • Standard Support bottom blocks
        • Pricing
          • Pricing Style 1
            • Pricing FAQ
          • Pricing Style 2
        • Footer
          • About Us
          • Customer Service
          • Community
          • Subscribe to the newsletter
          • My Account
          • Copyrights
          • Footer Main Menu
        • Pages
          • Community
            • Community header
            • Newsletter
            • Forums
            • Social
            • Resources
      • Third Party Extensions
        • K2 blog
        • Axis subs
        • Axis meta
        • JMarkdown
        • Kunena
      • Recommendation
      • Video Tutorials
      • Support
    • Knapsack
      • Start
      • Introduction
      • Installation
      • Template Customization
        • How to remove the style selector
        • How to change logo
        • How to change theme
        • Offcanvas Menu Configuration
      • Layout Customization
        • Home page
          • Top left social icons
          • Top right menu
          • Custom HTML Modules
          • Home page Category module
          • Home page Product slider
        • Footer Configuration
          • Footer about us
          • Footer Shop menu list
          • Footer Page links
          • Footer ACY mailing module
        • Pages
          • Shop page
          • About us Gallery
          • About us Team members
      • Third party Extensions
        • 1. K2blog
        • 2. J2store shopping cart
      • Recommendation
      • Video Tutorial
      • Support
    • Origin
      • Requirements
      • Package Content
      • Installation
      • Template Customization
        • Slideshow
        • Top featured modules
        • Some of our Awesome Features Content
        • Some of our Awesome features animation image
        • Some of our recent works
        • Number count
        • What our customers says
        • Our valuable clients
        • Bottom Promotion
      • Video Tutorials
      • Support
Powered by GitBook
On this page
  1. Joomla Templates
  2. Milestone
  3. Layout Customization
  4. Other pages

Product page

PreviousOther pagesNextBlog page

Last updated 3 years ago

1. Product page

  • Extension page

a) Extension

Module position: slideshow

Module suffix: Not used

<!-- Extension
================================================== -->

<div class="home-header h-block white">
<div class="h-block-content">
<div class="container">
<div class="row">
<div class="col-md-7 home-header-content">
<h2>Extension</h2>
<h4>Te dicat nihil offendit has, mel nisl liber ne, bonorum nonumes ad nam.<br />Facilis omittam in nec. Sea quando inermis assentior ea.</h4>
<div class="button-container"><a href="#" class="btn btn-primary btn-lg scroll-down"><em class="fa fa-download"></em> Download</a> &nbsp; <a href="#" target="_blank" rel="nofollow" class="btn btn-transparent btn-lg"><em class="fa fa-camera-retro"></em> View Demo</a></div>
</div>
<div class="col-md-5">
<div class="image-block"><img src="images/themeparrot/features/product_06.png" alt="product 06" class="img-responsive" /></div>
</div>
</div>
</div>
</div>
</div>

b) Features

Module position: home-2

Module suffix: Not used

<!-- Extension tab
================================================== -->

<div class="h-block-2 black h-block">
<div class="h-block-content">
<div class="product-tab">
<ul class="nav nav-pills">
<li class="active"><a href="#feature-button-1" data-toggle="tab">Features</a></li>
<li><a href="#pricing" class="scroll-down">Pricing</a></li>
<li><a href="#" target="_blank" class="link-tab">Documentation</a></li>
</ul>
</div>
<div class="product-tab-content product-extension">
<div class="tab-content">
<div id="feature-button-1" class="tab-pane fade active in">
<section class="product-features row">
<ul class="nav product-feature-tab col-sm-3">
<li class="active"><a href="#plans" data-toggle="tab">Plans</a></li>
<li><a href="#payment-gateways" data-toggle="tab">Payment </a></li>
<li><a href="#admin-dashboard" data-toggle="tab">Reports</a></li>
<li><a href="#user-profile" data-toggle="tab">Membership Management</a></li>
<li><a href="#pricing-tax-config" data-toggle="tab">Pricing and Tax </a></li>
<li><a href="#integrations" data-toggle="tab"> Access Restriction</a></li>
<li><a href="#powerful-app" data-toggle="tab">Powerful App </a></li>
<li><a href="#email-notifications" data-toggle="tab">Email Notifications</a></li>
<li><a href="#invoice-app" data-toggle="tab">Invoice App</a></li>
<li><a href="#migrate-app" data-toggle="tab">Akeeba Subscriptions</a></li>
</ul>
<div class="feature-list-main-block col-sm-9">
<div class="tab-content">
<div id="plans" class="tab-pane fade active in">
<div class="row feature-list">
<div class="col-md-12">
<div class="feature-content-block">
<h4>Plans</h4>
<h5>Create as many plans as you want</h5>
<p>Alterum equidem mentitum ad pri, fuisset tincidunt ex ius. Est libris partiendo id, in iudico tacimates vim.Alterum equidem mentitum ad pri, fuisset tincidunt ex ius. Est libris partiendo id, in iudico tacimates vim.</p>
</div>
</div>
<div class="col-md-12">
<div class="feature-image-block"><img src="images/themeparrot/features/product_03.png" alt="product 03" class="img-responsive" /></div>
</div>
</div>
</div>
<div id="admin-dashboard" class="tab-pane fade in">
<div class="row feature-list">
<div class="col-md-12">
<div class="feature-content-block">
<h4>Dashboard Reporting and Analytics</h4>
<ul>
<li>Ut pri commune voluptaria.</li>
<li>Et iusto graecis pro, evertitur concludaturque sit in.</li>
<li>Augue argumentum pri no, ex persecuti forensibus suscipiantur vix.</li>
</ul>
</div>
</div>
<div class="col-md-12">
<div class="feature-image-block"><img src="images/themeparrot/features/product_04.png" alt="product 04" class="img-responsive" /></div>
</div>
</div>
</div>
<div id="user-profile" class="tab-pane fade in">
<div class="row feature-list">
<div class="col-md-12">
<div class="feature-content-block">
<h4>Membership Management</h4>
<p><strong>Front-end</strong></p>
<ul>
<li>Cu dicta dolore vocent pri, placerat mandamus praesent mel ne</li>
<li>Nec ad audiam ancillae appellantur</li>
</ul>
</div>
</div>
<div class="col-md-12">
<div class="feature-image-block"><img src="images/themeparrot/features/product_06.png" alt="product 06" class="img-responsive" /></div>
</div>
</div>
</div>
<div id="pricing-tax-config" class="tab-pane fade in">
<div class="row feature-list">
<div class="col-md-12">
<div class="feature-content-block">
<h4>Pricing and Tax</h4>
<ul>
<li>Pri sumo volutpat eu. Voluptua abhorreant sadipscing ea duo.</li>
<li>Tritani rationibus at eam, nibh minim sit in. Similique gloriatur temporibus vis ea, eos et error possim.</li>
<li>Eu eripuit inermis usu.</li>
</ul>
</div>
</div>
<div class="col-md-12">
<div class="feature-image-block"><img src="images/themeparrot/features/product_03.png" alt="product 03" class="img-responsive" /></div>
</div>
</div>
</div>
<div id="integrations" class="tab-pane fade in">
<div class="row feature-list">
<div class="col-md-12">
<div class="feature-content-block">
<h4>Member Access Restriction</h4>
<ul>
<li>Ex ius nonumes neglegentur necessitatibus, ad nec nobis urbanitas, id regione quaeque ius.</li>
<li>Qui primis invenire id, ut dolorum instructior sed. An elit labitur vim, quod latine at qui.</li>
<li>An elit labitur vim, quod latine at qui.</li>
</ul>
</div>
</div>
<div class="col-md-12">
<div class="feature-image-block"><img src="images/themeparrot/features/product_04.png" alt="product 04" class="img-responsive" /></div>
</div>
</div>
</div>
<div id="payment-gateways" class="tab-pane fade in">
<div class="row feature-list">
<div class="col-md-12">
<div class="feature-content-block">
<h4>Payment Integration</h4>
<ul>
<li>Mei unum impetus cu, usu sumo mutat dicit ex.</li>
<li>Augue argumentum pri no, ex persecuti forensibus suscipiantur vix.</li>
<li>Et iusto graecis pro, evertitur concludaturque sit in.</li>
</ul>
</div>
</div>
<div class="col-md-12">
<div class="feature-image-block"><img src="images/themeparrot/features/product_04.png" alt="product 04" class="img-responsive" /></div>
</div>
</div>
</div>
<div id="powerful-app" class="tab-pane fade in">
<div class="row feature-list">
<div class="col-md-12">
<div class="feature-content-block">
<h4>Powerful App</h4>
<p>Aliquip volumus cu sea, option prompta expetenda ex pro. Ne nec ornatus adipisci persecuti.</p>
<p>Nec ad audiam ancillae appellantur. Alterum equidem mentitum ad pri, fuisset tincidunt ex ius.</p>
</div>
</div>
<div class="col-md-12">
<div class="feature-image-block"><img src="images/themeparrot/features/product_06.png" alt="product 06" class="img-responsive" /></div>
</div>
</div>
</div>
<div id="email-notifications" class="tab-pane fade in">
<div class="row feature-list">
<div class="col-md-12">
<div class="feature-content-block">
<h4>Email Notifications</h4>
<ul>
<li>Qui primis invenire id, ut dolorum instructior sed. An elit labitur vim, quod latine at qui.
<ul>
<li>An elit labitur vim</li>
<li>Quod latine at qui</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="col-md-12">
<div class="feature-image-block"><img src="images/themeparrot/features/product_03.png" alt="product 03" class="img-responsive" /></div>
</div>
</div>
</div>
<div id="authorize-net" class="tab-pane fade in">
<div class="row feature-list">
<div class="col-md-12">
<div class="feature-content-block">
<h4>Authourize Payments</h4>
<p>Augue argumentum pri no, ex persecuti forensibus suscipiantur vix.</p>
<p>Vix in commune repudiare appellantur</p>
<p>Per exerci facete option ne, vero consectetuer consequuntur usu ei.</p>
<p>Ut pri commune voluptaria</p>
<p>velit facete ei cum.</p>
<p>&nbsp;</p>
</div>
</div>
<div class="col-md-12">
<div class="feature-image-block"><img src="images/themeparrot/features/product_04.png" alt="product 04" class="img-responsive" /></div>
</div>
</div>
</div>
<div id="invoice-app" class="tab-pane fade in">
<div class="row feature-list">
<div class="col-md-12">
<div class="feature-content-block">
<h4>Invoice App</h4>
<p>Lorem ipsum dolor sit amet, mel ad case nostrum delectus, ea minim aeque essent vel.</p>
<p>Etiam perfecto mel ei. Iriure latine oporteat ex eum, nullam senserit an usu</p>
<p>Ad usu veri placerat, tritani moderatius instructior in sed.</p>
</div>
</div>
<div class="col-md-12">
<div class="feature-image-block"><img src="images/themeparrot/features/product_06.png" alt="product 06" class="img-responsive" /></div>
</div>
</div>
</div>
<div id="migrate-app" class="tab-pane fade in">
<div class="row feature-list">
<div class="col-md-12">
<div class="feature-content-block">
<h4>Migrate from Akeeba Subscriptions</h4>
<p>Quas tation instructior pro eu, pro mundi civibus suavitate eu.</p>
<p>Tritani rationibus at eam, nibh minim sit in. Similique gloriatur temporibus vis ea, eos et error possim.</p>
<p>&nbsp;</p>
</div>
</div>
<div class="col-md-12">
<div class="feature-image-block"><img src="images/themeparrot/features/product_03.png" alt="product 03" class="img-responsive" /></div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>

c) Pricing

Module position: home-3

Module suffix: Not used

<!-- Extension pricing plans
================================================== -->

<div id="pricing" class="h-block h-block-3">
<div class="h-block-content">
<div class="plan-header">
<h2>Pricing</h2>
<p>Qui primis invenire id, ut dolorum instructior sed</p>
</div>
<div class="axis-subs-plans-wrapper">
<div class="row">
<div class="col-md-6">
<div class="plan-table free-plan">
<div class="table-header">
<div class="pricing-cost"><span><strong>$0</strong></span></div>
<h4>Free</h4>
</div>
<div class="buy-button"><span class="btn btn-primary btn-lg back-to-download">Download</span></div>
<div>&nbsp;</div>
<ul class="plan-list">
<li>Ut pri commune voluptaria</li>
<li>Qui primis invenire id</li>
<li>An elit labitur vim</li>
<li>Augue argumentum pri no</li>
<li>Per exerci facete option ne</li>
<li>Tritani rationibus at eam</li>
<li>Similique gloriatur temporibus</li>
<li>Eu eripuit inermis usu</li>
<li>Aliquip volumus cu sea</li>
<li>Ut pri commune voluptaria</li>
<li>Qui primis invenire id</li>
<li>-</li>
<li>-</li>
<li>-</li>
<li>-</li>
<li>-</li>
<li>-</li>
<li>-</li>
</ul>
<div class="buy-button"><span class="btn btn-primary btn-lg back-to-download">Download</span></div>
</div>
</div>
<div class="col-md-6">
<div class="plan-table premium-plan featured-plan">
<div class="best_package">New</div>
<div class="table-header">
<div class="pricing-cost"><span><strong>$49</strong></span>
<h5>/6 months</h5>
</div>
<h4>Premium</h4>
</div>
<div class="buy-button"><a href="index.php/component/axisubs/Plan/subscription-pro" class="btn btn-primary">Buy now</a></div>
<ul class="plan-list">
<li>Eu eripuit inermis usu</li>
<li>Tritani rationibus at eam</li>
<li>Similique gloriatur temporibus vis ea, eos et error possim</li>
<li>Est libris partiendo id</li>
<li>Tritani rationibus at eam</li>
<li>Pri sumo volutpat eu</li>
<li>Ne nec ornatus adipisci persecuti</li>
<li><a href="#">Paypal payment</a></li>
<li>Est libris partiendo id</li>
<li>Ex ius nonumes neglegentur necessitatibus</li>
<li><a href="#">An elit labitur vim, quod latine at qui</a> (App)</li>
<li class="pricingtbl-pro-feature-item"><a href="#">Vix in commune repudiare appellantur</a></li>
<li class="pricingtbl-pro-feature-item"><a href="#"> Per exerci facete option ne</a></li>
<li><a href="#"> An elit labitur vim, quod latine at qui</a></li>
<li>Mei unum impetus cu, usu sumo mutat dicit ex</li>
<li class="pricingtbl-pro-feature-item">Ex ius nonumes neglegentur necessitatibus</li>
<li class="pricingtbl-pro-feature-item">Qui primis invenire id, ut dolorum instructior sed</li>
<li class="pricingtbl-pro-feature-item">Est libris partiendo id</li>
</ul>
<div class="buy-button"><a href="index.php/subscribe/subscription-pro" class="btn btn-primary">Buy now</a></div>
</div>
</div>
</div>
</div>
</div>
</div>

d) Compare features

Module position: home-4

Module suffix: Not used

<!-- Extension compare features 
================================================== -->

<div class="features-compare-table">
<div class="header">
<h2>Compare features</h2>
<div class="row">
<div class="col-sm-8 col-heading heading">One-Time Price</div>
<div class="col-sm-2 col-xs-6 border-left hidden-xs">
<h4>Free</h4>
<span class="big-number">$0</span></div>
<div class="col-sm-2 col-xs-6 border-left hidden-xs">
<h4>PRO</h4>
<span class="big-number">$49</span></div>
</div>
</div>
<div class="row">
<div class="col-sm-8 col-heading">
<div class="feat-icon"><em class="fa fa-sitemap"></em></div>
<div class="feat-text">
<h4>Create Free and Paid Plans</h4>
<p>Offer $0 Veniam cotidieque vel ea, ex postea adipisci his.</p>
</div>
</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>PRO</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row">
<div class="col-sm-8 col-heading">
<div class="feat-icon"><em class="fa fa-sitemap"></em></div>
<div class="feat-text">
<h4>Recurring and Non-Recurring Plans</h4>
<p>Et vix dictas referrentur, id inimicus pertinacia nam. Ne idque sonet est, ut mel habeo praesent concludaturque.</p>
</div>
</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>PRO</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row">
<div class="col-sm-8 col-heading">
<div class="feat-icon"><em class="fa fa-sitemap"></em></div>
<div class="feat-text">
<h4>Trial period on Subscriptions</h4>
<p>Ea commodo impedit nostrum eum. Labore vivendo mea id.</p>
</div>
</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>PRO</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row">
<div class="col-sm-8 col-heading">
<div class="feat-icon"><em class="fa fa-desktop"></em></div>
<div class="feat-text">
<h4>Admin Dashboard</h4>
<p>Ei mutat tamquam ponderum eum, eam aeterno graecis luptatum te.</p>
</div>
</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>PRO</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row">
<div class="col-sm-8 col-heading">
<div class="feat-icon"><em class="fa fa-users"></em></div>
<div class="feat-text">
<h4>User Profile</h4>
<p>View / Edit / Update profile data</p>
</div>
</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>PRO</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row">
<div class="col-sm-8 col-heading">
<div class="feat-icon"><em class="fa fa-usd"></em></div>
<div class="feat-text">
<h4>Basic Pricing and Tax configuration</h4>
<p>Apeirian recteque suscipiantur cu pro. Et vix dictas referrentur, id inimicus pertinacia nam. Ne idque sonet est, ut mel habeo praesent concludaturque.</p>
</div>
</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>PRO</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row">
<div class="col-sm-8 col-heading">
<div class="feat-icon"><em class="fa fa-sitemap"></em></div>
<div class="feat-text">
<h4>Integrations</h4>
<p>Ea commodo impedit nostrum eum. Labore vivendo mea id.</p>
</div>
</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>PRO</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row">
<div class="col-sm-8 col-heading">
<div class="feat-icon"><em class="fa fa-usd"></em></div>
<div class="feat-text">
<h4><a href="#">Paypal payment</a></h4>
<p>Apeirian recteque suscipiantur cu pro.</p>
</div>
</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>PRO</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row">
<div class="col-sm-8 col-heading">
<div class="feat-icon"><em class="fa fa-user"></em></div>
<div class="feat-text">
<h4>Paypal Recurring Profiles</h4>
<p>Et vix dictas referrentur, id inimicus pertinacia nam. Ne idque sonet est, ut mel habeo praesent concludaturque.</p>
</div>
</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>PRO</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row">
<div class="col-sm-8 col-heading">
<div class="feat-icon"><em class="fa fa-envelope"></em></div>
<div class="feat-text">
<h4>Email Templates Designer ( Free App )</h4>
<p>Libris docendi epicurei in eos, omnesque mandamus conclusionemque usu ad. Case impetus convenire ad qui.</p>
</div>
</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>PRO</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row">
<div class="col-sm-8 col-heading">
<div class="feat-icon"><em class="fa fa-tags"></em></div>
<div class="feat-text">
<h4><a href="#">Coupons Discount</a> (App)</h4>
<p>Dicat nulla assueverit sit eu, eos decore hendrerit te.</p>
</div>
</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>PRO</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row">
<div class="col-sm-8 col-heading">
<div class="feat-icon"><em class="fa fa-usd"></em></div>
<div class="feat-text">
<h4><a href="#">Authorize.NET Payments</a></h4>
<p>Et vix dictas referrentur, id inimicus pertinacia nam. Ne idque sonet est, ut mel habeo praesent concludaturque.</p>
</div>
</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>PRO</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row">
<div class="col-sm-8 col-heading">
<div class="feat-icon"><em class="fa fa-envelope"></em></div>
<div class="feat-text">
<h4><a href="#">Invoice App</a></h4>
<p>Ea commodo impedit nostrum eum. Labore vivendo mea id.</p>
</div>
</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>PRO</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row">
<div class="col-sm-8 col-heading">
<div class="feat-icon"><em class="fa fa-envelope"></em></div>
<div class="feat-text">
<h4><a href="#">Akeeba Subscription migration</a></h4>
Lorem ipsum dolor sit amet, liber ornatus te vix. Iracundia vituperata vis an, omnis fuisset lucilius no mei.<br />
<h4>Free</h4>
</div>
</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>PRO</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row">
<div class="col-sm-8 col-heading">
<div class="feat-icon"><em class="fa fa-th"></em></div>
<div class="feat-text">
<h4>All Apps added in future</h4>
<p>Ne verear percipit incorrupte vis.</p>
</div>
</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>PRO</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row">
<div class="col-sm-8 col-heading">
<div class="feat-icon"><em class="fa fa-ticket"></em></div>
<div class="feat-text">
<h4>Access to priority support</h4>
<p>Iusto dicit duo ne, ex erat facer sententiae has. Eum nulla dolorum dolorem ut, no natum soluta his. Vis ex albucius principes. Libris docendi epicurei in eos.</p>
</div>
</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>PRO</h4>
</div>
<div class="col-sm-2 col-xs-6 border-left "><em class="fa fa-check"></em></div>
</div>
<div class="row">
<div class="col-sm-2 col-sm-offset-8 buy-button"><a href="#" class="btn btn-primary">Download</a></div>
<div class="buy-button"><a href="index.php/subscribe/subscription-pro" class="btn btn-inverse">Buy now</a></div>
</div>
</div>

Note : Remaining all pages of products are same as extension page.