•  DIP-2, Dubai, U.A.E. (HQ)
  •   +971 4 8800444
  •  [email protected]
   
   Search
Quality Group
  • Home
  • About
    • -The Quality Group
    • -Management
    • -The Team
    • -Partners
  • Companies
    • -Headquarters
      • --Quality Gulf Co.
    • -IT & Electronics
      • --Quality Computers
      • --Quality Intl. China
      • --TOUCHMATE Technology Shenzhen
    • -Fashion & Lifestyle
      • --Andy Enterprises
      • --Shoe Centre
      • --Wellness Group
      • --Al Safqah Centre
      • --Concept Big Brands
      • --Perfume Palace
    • -FMCG
      • --Quality Gulf FMCG
      • --Fine Quality Industries
    • -Others
  • Brands
    • -TOUCHMATE
    • -FARADA
    • -Comfort Plus
  • Contact
    • -Feedback & Enquiries
    • -Location
  • Media
    • -News & Events
    • -Awards

Learn how!

Skin Containers

No more extra costs! Customize your skin containers for free. Learn how in our manual.

Plain container has no title, no margins or paddings. Should be used for wordings in Outro and Intro panes, banners in BannerPane. Here are two Plain containers and two NoTitle containers one after another to demonstrate the difference between them.
Second Plain container. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus semper urna eget arcu pulvinar ornare. Curabitur ac justo vitae dolor vestibulum ornare. Sed facilisis dapibus placerat. Vivamus mollis porta justo sit amet posuere. Vestibulum porttitor feugiat justo, ac mollis justo gravida vitae.
NoTitle container has no title, no paddings but leaves a spacing below. Should be used for skin content with no title. Here are two Plain containers and two NoTitle containers one after another to demonstrate the difference between them.

Second NoTitle container. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus semper urna eget arcu pulvinar ornare. Curabitur ac justo vitae dolor vestibulum ornare. Sed facilisis dapibus placerat. Vivamus mollis porta justo sit amet posuere. Vestibulum porttitor feugiat justo, ac mollis justo gravida vitae.

H1 Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dapibus, ligula sed suscipit adipiscing, leo velit rhoncus lectus, quis lobortis augue risus non dolor. Vestibulum eget sapien sed dolor aliquam fermentum a at lectus. Nunc a interdum diam.

H4 Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dapibus, ligula sed suscipit adipiscing, leo velit rhoncus lectus, quis lobortis augue risus non dolor. Vestibulum eget sapien sed dolor aliquam fermentum a at lectus. Nunc a interdum diam.

H1 Title Center

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dapibus, ligula sed suscipit adipiscing, leo velit rhoncus lectus, quis lobortis augue risus non dolor. Vestibulum eget sapien sed dolor aliquam fermentum a at lectus. Nunc a interdum diam.

H2 Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dapibus, ligula sed suscipit adipiscing, leo velit rhoncus lectus, quis lobortis augue risus non dolor. Vestibulum eget sapien sed dolor aliquam fermentum a at lectus. Nunc a interdum diam.

H5 Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dapibus, ligula sed suscipit adipiscing, leo velit rhoncus lectus, quis lobortis augue risus non dolor. Vestibulum eget sapien sed dolor aliquam fermentum a at lectus. Nunc a interdum diam.

H2 Title Center

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dapibus, ligula sed suscipit adipiscing, leo velit rhoncus lectus, quis lobortis augue risus non dolor. Vestibulum eget sapien sed dolor aliquam fermentum a at lectus. Nunc a interdum diam.

H3 Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dapibus, ligula sed suscipit adipiscing, leo velit rhoncus lectus, quis lobortis augue risus non dolor. Vestibulum eget sapien sed dolor aliquam fermentum a at lectus. Nunc a interdum diam.

H6 Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dapibus, ligula sed suscipit adipiscing, leo velit rhoncus lectus, quis lobortis augue risus non dolor. Vestibulum eget sapien sed dolor aliquam fermentum a at lectus. Nunc a interdum diam.

H3 Title Center

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dapibus, ligula sed suscipit adipiscing, leo velit rhoncus lectus, quis lobortis augue risus non dolor. Vestibulum eget sapien sed dolor aliquam fermentum a at lectus. Nunc a interdum diam.

Customizable Containers


BounceLeft

Mauris viverra, tortor eget interdum lacinia, lacus mi tempor purus, eu commodo enim dui ac nisl. Morbi euismod ante quis tellus imperdiet porta. Morbi nisi nibh, facilisis a varius.

BounceDown

Wullam ligula sapien, pharetra eget volutpat vel, consequat in lectus. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Class aptent taciti sociosqu ad litora torquent per conubia nostra.

BounceRight

Mauris viverra, tortor eget interdum lacinia, lacus mi tempor purus, eu commodo enim dui ac nisl. Morbi euismod ante quis tellus imperdiet porta. Morbi nisi nibh, facilisis a varius.

BOXED
Boxed container with simple retina icon

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus semper urna eget arcu pulvinar ornare. Curabitur ac justo vitae dolor vestibulum ornare. Sed facilisis dapibus placerat. Vivamus mollis porta justo sit amet posuere.

Boxed and BoxedHot containers with simple retina icons

To reproduce the Boxed/BoxedHot containers with simple retina icons from our demo you should specify "Generic - Boxed" or "Generic - Boxed_Hot" as module container and put the following code to module title input:

<div class="intro-icon-disc cont-large"><i class="icon-wrench intro-icon-large"></i></div><small>BOXED</small>
BOXED HOT
Labeled boxed container with simple retina icon

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus semper urna eget arcu pulvinar ornare. Curabitur ac justo vitae dolor vestibulum ornare. Sed facilisis dapibus placerat.

You can use any icon you like from our Icons page. Just replace the

icon-wrench
class with the one you like to make it work.

HTML code to insert as module content:

<h6><a href="#">Boxed container with simple retina icon</a></h6>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus semper urna eget arcu pulvinar ornare. Curabitur ac justo vitae dolor vestibulum ornare. Sed facilisis dapibus placerat. Vivamus mollis porta justo sit amet posuere.</p>
<big>Boxed</big>
Boxed

Boxed container with flat design retina icon.

read more

Boxed and BoxedHot containers with flat design retina icons

To reproduce the Boxed/BoxedHot containers with flat design icons from our demo you should specify "Generic - Boxed" or "Generic - Boxed_Hot" as module container, choose one of the flat retina icons provided with the skin as module icon and put the following code to module title input:

<big>Boxed</big>
<big>Boxed Hot</big>
Boxed Hot

Labeled boxed container with flat design retina icon.

read more

HTML code to insert as module content:

<p>Boxed container with flat design retina icon.</p>
<h6><a class="btn btn-primary btn-custom btn-rounded" href="#">read more</a></h6>
Copyright 2026 by TOUCHMATE I.T. Solutions & Services : Terms Of Use : Privacy Statement
Text/HTML
  • Quality Gulf H.Q.
    Dubai Investment Park-2
    P.O.Box 24249, Dubai, UAE

Phone:
   +971 4 8800444
Fax:
   +971 4 8851444
  • TOUCHMATE won Award for Best Product of the Year at Warner Bros. Consumer Products Middle East Summit 2019
    Posted on 10/10/2019 5:44:00 AM
    Read More
QUICK LINKS
  • About Quality Group
  • News
  • Awards
  • Location
Copyright 2026 by TOUCHMATE I.T. Solutions & Services : Terms Of Use : Privacy Statement