Sections

Hero

With help of hero sections you can easily create first impression about your services or product. Should be used as first section on each page.

Components

HESE is primary component name for hero sections, where HE - hero, SE - sections and last 2 digits is a sequence number.

HESE01

Start Building Today!

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

HESE02

Start Building Today!

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

HESE03

Start Building Today!

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

HESE04

Start Building Today!

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

HESE05

Start Building Today!

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

How to

Add section components

Section components shouldn't be nested inside of sections, as they already built upon it. You can select and copy any section component from the styleguide and paste to your project or you can search the component's name in the Component panel (Shift + A) or use quick search (Ctrl + E).

Style components

Before making any changes you need to unlink component. Right-click on the symbol’s label and choose unlink from symbol. You can style components whatever you like.