Typography
Dit is een header 1
Dit is een header 1
Dit is een header 2
Dit is een header 3
Dit is een header 4
Dit is een header 5
Dit is een header 6
Dit is een introtekst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare
Dit is een body. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare
Dit is een small-text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare
Dit is een link in deze tekst en dit is een gekleurde link in de tekst.
- Dit is een unordered list item
- Dit is een unordered list item
- Dit is een unordered list item
- Dit is een gekleurde unordered list item
- Dit is een gekleurde unordered list item
- Dit is een gekleurde unordered list item
- Dit is een ordered list item
- Dit is een ordered list item
- Dit is een ordered list item
- Dit is een gekleurde ordered list item
- Dit is een gekleurde ordered list item
- Dit is een gekleurde ordered list item
Dit is een block quote op meerdere regels zodat je goed kan zien wat de line-height is.
Colours
Splide
Splide Pagination
Splide Arrows
Splide Base (zonder CMS)
Splide Base (overflow:hidden)
Splide Base (CMS)
Grid & layout
column 1
column 2
column 1
column 3
column 1
column 2
column 3
column 4
Forms
Themes
Dit is een dark theme
Dit is een body. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare
Dit is een color theme
Dit is een body. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare
Dit is een secondary theme
Dit is een body. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare
Dit is een light theme
Dit is een body. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare
Elements
Dit is een body. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare
Dit is een body. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare
Dit is een body. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare
Wat is jullie achtergrond?
Dit is een body. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare
Dit is een header 5
Dit is een body. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare
Images
Afbeeldingen
Video
Background video
Custom Code
Autoclose
Opent en sluit automatisch accordions (of andere open states) in een lijst.
1
Embed deze code in project settings onder de body code bij "Project settings".
2
Ga naar het element die de animatie heeft en voeg bij settings het volgende atribuut toe:
Name
data-click
Value
accordion
Stop scrollen als navigatie open is
Opent en sluit automatisch accordions (of andere open states) in een lijst.
1
Embed deze code in project settings onder de body code bij "Project settings".
2
Ga naar de navigatie element (met het huisje) en voeg het volgende atribuut toe.
Name
fs-scrolldisable-element
Value
smart-nav
Test
Test
1
Test
2
Test
Name
fs-scrolldisable-element
Value
smart-nav