Login
static.generic.acumenonline.co.nz
  • Home
    • -HomeNerveSlider
    • -Home Revolution Slider
    • -Home Nivo Slider
    • -Home Video
  • Extras
    • -Style
      • --Scaffolding
      • --Pane Layout
      • --Containers
      • --Typography
      • --Shortcodes
      • --Icons
      • --JS Examples
    • -Pages
      • --The Team
      • --About
      • --Services
      • --Testimonials
      • --Timeline
      • --Full Width
      • --Left Sidebar
      • --Right Sidebar
    • -Parallax
    • -PricingTables
    • -404Page
  • Portfolio
    • -Portfolio Galleries
      • --2 Columns
      • --3 Columns
      • --4 Columns
      • --Masonry
      • --Video Gallery
    • -Paginated Galleries
      • --Paginated Gallery
      • --Video Gallery
    • -Projects
      • --Single Slider
      • --Single Video
      • --Single Image
      • --Full Slider
      • --Full Video
  • Contact
  • Mega Menu
    • -Test Mega 1
      • --Sub Page One
      • --Sub Page Two
    • -Test Mega 2
      • --Sub Page One
      • --Sub Page Two
    • -Test Mega 3
      • --Sub Page One
      • --Sub Page Two
    • -Test Mega 4
      • --Sub Page One
      • --Sub Page Two
    • -Test Mega 5
      • --Sub Page One
      • --Sub Page Two
    • -Test Mega 6
      • --Sub Page One
      • --Sub Page Two
  • Test

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 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>
<big>Boxed</big>
Boxed

Boxed container with flat design retina icon.

read more

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>
<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 2021 by DotNetNuke Corporation : Terms Of Use : Privacy Statement
Copyright 2021 by DotNetNuke Corporation : Terms Of Use : Privacy Statement