A full width banner with a menu on top.
Just a header with a logo aligned to the left and a menu aligned to the right.
Centered aligned logo on top and a standard menu bar underneath.
A header with a decoration stick on the top-right corner, usually for spa websites.
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.
A very simple and subtle footer: social media icons on the left and a copyright text on the right. That's it.
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.
Plain text in paragraphs, very simple.
Plain text in paragraphs with a photo on the top-right corner.
Plain text in paragraphs with a photo on the top-left corner.
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.
Commonly used in contact page. It contains a table of contact info on the left and a google embeded map on the right
A very basic gallery and nothing more.
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.
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.
Just an empty block of space for you to add your highly customized HTML code.
"?" can be replaced with any integer. It's a quick way to separate 2 blocks with a certain margin.
*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.
