📖
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. Home page

Why should choose us?

PreviousHome BannerNextProduct info

Last updated 3 years ago

2. Why Should Choose us?

Module position: home-2

Module suffix: Not used

Module title: products tabs

Follow the below code to achive the above

<!-- Products tabs
================================================== -->
<div id="products" class="h-block-2 black h-block">
<div class="h-block-content">
<div class="features-content">
<h1>Why Should Choose us?</h1>
<div class="row">
<div class="col-sm-4">
<div class="product-item">
<div class="item-class"><i class="fa fa-diamond "></i></div>
<h2>Lorem</h2>
<p>Lorem ipsum dolor sit amet, ea duo natum nullam, mel meis pertinax ea,ea duo natum nullam, libris propriae no.</p>
</div>
</div>
<div class="col-sm-4">
<div class="product-item">
<div class="item-class"><i class="fa fa-desktop "></i></div>
<h2>Ipsum</h2>
<p>Lorem ipsum dolor sit amet, ea duo natum nullam, mel meis pertinax ea,ea duo natum nullam, libris propriae no.</p>
</div>
</div>
<div class="col-sm-4">
<div class="product-item">
<div class="item-class"><i class="fa fa-street-view "></i></div>
<h2>Dolor</h2>
<p>Lorem ipsum dolor sit amet, ea duo natum nullam, mel meis pertinax ea,ea duo natum nullam, libris propriae no.</p>
</div>
</div>
</div>
</div>
<div class="brand-logo-button"><a href="#">Learn more <i class="fa fa-long-arrow-right"></i></a></div>
<div class="row">
<div class="product-list-tab">
<ul class="nav nav-pills">
<li class="active"><a href="#product-button-1" data-toggle="tab">Design</a></li>
<li><a href="#product-button-2" data-toggle="tab">Develop</a></li>
</ul>
</div>
</div>
<div class="our-product-detail">
<div class="product-list-tab-content">
<div class="tab-content">
<div id="product-button-1" class="tab-pane fade active in">
<div class="row">
<div class="col-sm-9">
<div class="features-tab-content">
<div class="tab-content">
<div id="feature-button1" class="tab-pane fade active in">
<div class="image-block"><img src="images/themeparrot/features/product_logo_01.png" alt="product logo 01" class="img-responsive" /></div>
<h3>Email builder</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet.</p>
<a href="#" class="hp-btn">Read more</a></div>
<div id="feature-button2" class="tab-pane fade in">
<div class="image-block"><img src="images/themeparrot/features/product_logo_02.png" alt="product logo 02" class="img-responsive" /></div>
<h3>Gallery</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet.</p>
<a href="#" class="hp-btn">Read more</a></div>
<div id="feature-button3" class="tab-pane fade in">
<div class="image-block"><img src="images/themeparrot/features/product_logo_03.png" alt="product logo 03" class="img-responsive" /></div>
<h3>Rules for discount</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet.</p>
<a href="#" class="hp-btn">Read more</a></div>
<div id="feature-button4" class="tab-pane fade in">
<div class="image-block"><img src="images/themeparrot/features/product_logo_01.png" alt="product logo 01" class="img-responsive" /></div>
<h3>Subscription</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet.</p>
<a href="#" class="hp-btn">Read more</a></div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="features-tab">
<ul class="nav nav-pills">
<li class="active"><a href="#feature-button1"><i class="fa fa-envelope "></i><br /> Email builder<span class="product-dis">Ferri dicant te his</span> </a></li>
<li><a href="#feature-button2"><i class="fa fa-picture-o "></i><br /> Gallery<span class="product-dis">Vis ea latine integre</span> </a></li>
<li><a href="#feature-button3"><i class="fa fa-star-half-o "></i><br /> Rules for discount<span class="product-dis">Clita suscipit conceptam vel</span> </a></li>
<li><a href="#feature-button4"><i class="fa fa-repeat "></i> <br />Subscription <span class="product-dis">Falli aeque molestiae vel ne</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="product-button-2" class="tab-pane fade in">
<div class="row">
<div class="col-sm-9">
<div class="features-tab-content">
<div class="tab-content">
<div id="feature-button-1" class="tab-pane fade active in">
<div class="image-block"><img src="images/themeparrot/features/product_logo_02.png" alt="product logo 02" class="img-responsive" /></div>
<h3>Extension</h3>
<p>Quo regione feugiat at, id molestie sententiae nam, qui id vocibus postulant. Ex quas solet has. Et cetero eligendi usu. Cu primis vulputate voluptaria nam.</p>
<a href="#" class="hp-btn">Read more</a></div>
<div id="feature-button-2" class="tab-pane fade in">
<div class="image-block"><img src="images/themeparrot/features/product_logo_03.png" alt="product logo 03" class="img-responsive" /></div>
<h3>Membership</h3>
<p>Qui eu omittam voluptatibus, ea vis falli eirmod. Ipsum lucilius repudiare est ea. In pri patrioque mnesarchum incorrupte.</p>
<a href="#" class="hp-btn">Read more</a></div>
<div id="feature-button-3" class="tab-pane fade in">
<div class="image-block"><img src="images/themeparrot/features/product_logo_01.png" alt="product logo 01" class="img-responsive" /></div>
<h3>Meta Data</h3>
<p>Te sit integre detraxit scripserit, quo ne euismod pertinax gloriatur, dico dicta eum at. In per mazim audire. Id ius iusto possit principes.</p>
<a href="#" class="hp-btn">Read more</a></div>
<div id="feature-button-4" class="tab-pane fade in">
<div class="image-block"><img src="images/themeparrot/features/product_logo_02.png" alt="product logo 02" class="img-responsive" /></div>
<h3>Documentation tool</h3>
<p>Cu iisque latine cum, et quo euismod sensibus, adhuc augue option ei eum. Vix cu regione feugait percipitur, at duo civibus hendrerit persequeris.</p>
<a href="#" class="hp-btn">Read more</a></div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="features-tab">
<ul class="nav nav-pills">
<li class="active"><a href="#feature-button-1"><i class="fa fa-plus "></i><br />Extension<span class="product-dis">Ferri dicant te his</span></a></li>
<li><a href="#feature-button-2"><i class="fa fa-user-plus "></i><br /> Membership <span class="product-dis">Vis ea latine integre</span></a></li>
<li><a href="#feature-button-3"> <i class="fa fa-repeat "></i><br /> Meta Data <span class="product-dis">Clita suscipit conceptam vel</span> </a></li>
<li><a href="#feature-button-4"> <i class="fa fa-book "></i><br /> Documentation tool<span class="product-dis">Falli aeque molestiae vel ne</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>