Follows a simple coding structure that is easy to understand and implement. Make sure that you follow some of the Important Rules to avoid unexpected errors:
This page section is always fixed on top and contain the logo, the navigation and the burger menu:
The template supports dual logo options and will be displayed the version depend on your color scheme set on each page.
If you wish to use a retina logo, make sure that you use double the size of your standard logo image.
The classic navigation menu type:
Set this class to header
Set this value to ul located inside the nav
The fullscreen navigation menu type:
Set this class to header if you want to change the logo, menu burger and navigation color from dark to light
Set the background color for fullscreen menu and responsive menu
The navigation supports up to two page sub menus.
This is dysplayed on your fullscreen navigation menu and also on the responsive navigation menu:
Set this class to display the three lines burger type
Set this class to display the three dots burger type
The burger menu is displayed on your fullscreen navigation menu and also on the responsive navigation menu.
This page section contains the page title and subtitle.
Hero Options. All this classes are applied to #hero-caption div
Set this class to have title words displayed on one single row. All the title words need to be wrapped on a sigle span:
Set this class to have title words displayed on multiple rows. Each title words need to be wrapped on individual spans:
Set this class to have the caption maximum width up to 1280px
Set this class to have the caption width like the viewport
This class will make your hero caption parallax on scroll
This class will align your hero caption on center
The Project Page Hero have different structure and is explained on the Template Portfolio section.
This page section contain the Main Page Content and Next Page Navigation.
On this page section contains you can build all the page content.
This section has the following option:
Set this class to have the content maximum width up to 1280px
Set this class to have the content width like the viewport
The section is optional and can be removed if it's not necessary.
This section has the following options:
Set this class at to have the content maximum width up to 1280px
First word displayed on the Mouse Circle Cursor hovering the next page title url
Second word displayed on the Mouse Circle Cursor hovering the next page title url
This page section contain the Back to Top Button, Copyright Link and Social Links.
You can set acronyms or icons for your social links profile
All the brands icons you can find them on Fontawesome
If there’s anything unclear or you have some concerns open a ticket on our forum and we'll get back to you.