voorbeelden

Componenten

Custom content

Deze section staat zowel horizontaal als verticaal centraal gealigneerd, via de instellingen op de section zelf. De spacing tussen dit deel en afbeelding staat op "large".
Met de "Container width" settings (per item in deze section) kan je bepalen hoe breed alles staat. Zowel deze tekst als de afbeelding staan op 50% breedte (op medium schermen), maar enkel deze tekst staat op 33% op grotere schermen.

Button text

Dit is een pretitle

Custom content #2

De titel van dit tekstblok is kleiner omdat de Heading size op "H3" staat. Zo kan je wat hiërarchie in je sections krijgen. De container width staat hier op 75% zodat de tekst niet over heel de breedte komt te staan.
Deze heeft ook een achtergrondkleurtje en via de bottom-spacing setting kan deze section tegen de onderstaande liggen (zonder spacing tussenin).

Custom content #3

Bij sommige blokken (zoals onderstaande) moet je soms eerst eens saven vooraleer de functionaliteit goed werkt. Door te herladen bij het saven kunnen de juiste scripts geactiveerd worden.

Button

Label left

Label right

Custom content #4

Dit zijn 2 visual CTA blocks.

VIsual CTA Block #1

Body text

Tag

VIsual CTA Block #2

Body text

Tag

Collection list

Titel (overschrijft collection titel)

Tag

Titel (overschrijft collection titel)

Body text

Kettingen
Andere image?

Tag

Andere image?

Door een image te uploaden overschrijf je de bijhorende collectie image (indien voorzien)

Quick Links
2 of 3 collecties per rij

Tag

2 of 3 collecties per rij

Pas dit aan via de settings van de overkoepelende section

Tools

Content slider

USP #1

USP #1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

USP #2

USP #2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

USP #3

USP #3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Hero

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Disclaimer

Pages slider (blogs, pages, guides ...)

Cta text
Guides

tag 1 tag 2

Guides

Body text Body text Body text

Contact

tag 1 tag 2

Contact

Body text Body text Body text

Teams & riders

tag 1 tag 2

Teams & riders

Body text Body text Body text

Sliding background CTA

1 / 3

phone

Card #1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.

Contact

Card #2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.

Contact

Card #3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.

Contact

Review #1

Review #2

Review #3

123

First text

456

Second text

close menu 1