LOADING ...

Headers:

 

header-alpha

 

A full width banner with a menu on top.

 

 

header-standard

 

Just a header with a logo aligned to the left and a menu aligned to the right.

 

 

header-centered

 

Centered aligned logo on top and a standard menu bar underneath.

 

 

header-flower

 

A header with a decoration stick on the top-right corner, usually for spa websites.

 

 

header-layers

 

A header with a logo standing out as a front layer and the menu bar sitting behind as a back layer. The default color for the menu bar is dark green.

 

Footers:

 

footer-subtle

 

A very simple and subtle footer: social media icons on the left and a copyright text on the right. That's it.

 

 

footer-blackwide

 

A very commonly used footer. Its color theme fits well with most of websites and it's a very informative section to the website visitor not to mention its delicate layout design too.

 

Informational Contents:

 

about-simple

 

Plain text in paragraphs, very simple.

 

 

about-imageright

 

Plain text in paragraphs with a photo on the top-right corner.

 

 

about-imageleft

 

Plain text in paragraphs with a photo on the top-left corner.

 

 

menu-simpletwocolumn

 

A two column layer for menu, it has auto detection for menu item feature. Whenever a consecutive 6-dots or more occurs, it will be automatically converted to a menu item format.

 

 

contact-simple

 

Commonly used in contact page. It contains a table of contact info on the left and a google embeded map on the right

 

Banners and Sliders:

 

banner-fullslide

 

{int $height=500}

A full screen width responsive bxslider.

 

 

banner-midcircle

 

{int $height=500,bool $show_circle=TRUE}

A static banner with a 350px by 350px white circle in the center of the banner.

 

Photos and Galleries:

 

gallery-simple

 

A very basic gallery and nothing more.

 

Lists and Loops

 

list-circle

 

{string $namespace=' ',int $col=3, int $max=9999}

A continuous looped list of a circle icon and some text below.

 

 

list-rectangle

 

{string $namespace=' ',int $col=3, int $max=9999}

A continuous looped list of a rectangular icon and some text below.

 

Widgets

 

breadcrumb-dark

 

A dark background breadcrumb with a height of 75px, * note that to edit the site's name on the breadcrumb, you need to go to advanced setting.

 

 

breadcrumb-simple

 

A simple breadcrumb with no extra height, * note that to edit the site's name on the breadcrumb, you need to go to advanced setting.

 

 

widget-custom

 

Just an empty block of space for you to add your highly customized HTML code.

 

Others

 

[h?]

 

"?" can be replaced with any integer. It's a quick way to separate 2 blocks with a certain margin.

 

 

wrapper-wallpaper*

 

*Make sure put the closing div tag at the end of the page structure.
A full screen fixed background image fill the back of the screen and holds everything in its center.