sections
Overview of the Sections

Sections

Here Explenation of what is the section and how we can use use it

Mandatory

Add the HTML Markup withthis code:

<input
       name="open-section"
       data-section="hero"
       value="hero-full h-70 overlay-dark" 
/>

Options

Which options we have on the secion

Columns

In every section we have to define the number of colums. We have a grid of 12 columns and we can chosse how meny columns we have to put content inside

Diferent grid options:

  • 12 columns
  • 6 and 6 columns
  • 4, 4 and 4 columns
  • 3, 3, 3 and 3 columns
  • 4 and 8 columns

Background

The section can have a background color or image to show.

Colours

You can choose one of our brande colors to fill.

  • Touquise
  • Slate
  • Soft White
  • Deep Red
  • Red
  • Amber
  • Yellow

Image

If you choose to add a image to the background to have to follow the images especification

Overlay

Yo can apply an overlay on to op the image ou color background

Options:

  • Gradient Dark: gradient-dark
  • Gradient light:
  • ...