Sections

The main content (<main class="page-main ...">...) of an HTML page is a mixture of multiple sections.

A section is represented by a div with a section class. Arrange them, add one, remove one or even, you can create your owns.

Important : A section must have an attribute called data-section wich will represent the id of this section. It must be unique per HTML file.

To remove one of these section, just remove the corresponding line of code.

To add a new fullscreen section , you can duplicate one of them, and edit it.

Here are all the sections available to you, select one of them to see the details :

Helper Class

Add class bg-black to a section for black background color , or bg-white bg-bright for white background color.

The gallery.html main section uses class fullheight to make it fullscreen height without using fullpage js plugin.

In index.html, to disable the fullpage.js plugin by just rename the id of the main tag page-main. Use a different value other than mainpage.