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

H1 Title Center

H2 Title

H5 Title

H2 Title Center

H3 Title

H6 Title

H3 Title Center

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 Boxed_Hot 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="fa fa-flask 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

fa-flask

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>

Boxed

Boxed container with flat design retina icon.

Boxed and Boxed_Hot 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>

Boxed Hot

Labeled boxed container with flat design retina icon.

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>