Blocks

Footers

Build more complex components with the help of footer blocks.

Components

Block components consist of simple components (such as buttons, inputs, etc.) and used to build complex structures such as section components. You can combine different blocks to create unique sections.

FOBL is primary component name for footer blocks, where FO - footers, BL - blocks and last 2 digits is a sequence number.

FoBL03
Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.
FoBL04 / V1
FoBL04 / V2
FoBL04 / V3
FoBL04 / V4
FoBL04 / V5

Customize

Each footer block consist of different extensions (EXN), which helps in building unique structures and different combinations. You can use any footer extension to build your own footer block.

exn / fobl / icons
Be social
exn / fobl / contact
Get in Touch
Contact us if you need help with anything.
exn / fobl / company
Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.
Footer Social Buttons

How to

Add block components

Block components should be nested inside of parent wrapper and shouldn't be nested inside of any row, as they already have it. Just select and copy any component from the styleguide and paste them 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.