Deze blokken staan in het "Tekst blokken"-veld, boven de grote page builder.
Kleine builder Tekst blokken (tinybuilder)
Deze blokken staan in het "Tekst blokken"-veld, boven de grote page builder.
Een korte intro boven de tekst.
Dit is voorbeeldtekst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Een link.
Copyright 2026.
Dit is voorbeeldtekst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Een link.
Dit is voorbeeldtekst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Een link.
Dit is voorbeeldtekst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Een link.
Laat de kinderen tot Mij komen en verhinder ze niet.
| Leeftijd | Groep | Tijd |
|---|---|---|
| 4-6 jaar | Kleuters | 30 min |
| 7-9 jaar | Middenbouw | 45 min |
| 10-12 jaar | Bovenbouw | 60 min |
Voor iedereen die met kinderen werkt in de kerk.
Veel materiaal is gratis te downloaden.
Deze tekst komt uit een html-veld.
Onderschrift bij de video (video1).
Dit is voorbeeldtekst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Een link.
Vul het formulier in.
Steun ons werk met een gift.
Word vaste donateur.
Voor de opgegeven zoekcriteria zijn er geen resultaten.
There are 2 sets of headings stylings. One for the UI: page heading, section headings, card headings, sidebar headings etc.. And one set for headings in text. By default de text-headings are not different from the ui-headings, but based on the site needs these can be styled to fit. Below are the UI styling on the left as first, and the text-heading styling as second.
This is the UI styling:
| <h1></h1> |
Heading 1 |
| <h2></h2> |
Heading 2 |
| <h3></h3> |
Heading 3 |
| <h4></h4> |
Heading 4 |
| <h5></h5> |
Heading 5 |
| <h6></h6> |
Heading 6 |
Sometimes followed by an intro section like this. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veritatis sit possimus, iusto corrupti numquam placeat, minus reprehenderit quas ex! Maxime aperiam earum nam explicabo iure nesciunt illum optio, facere, quod?
Lorem ipsum dolor sit amet dolor quick brown fox jumping over the lorem ipsum
Lees meer
Lorem ipsum dolor sit, amet, consectetur adipisicing elit. Corrupti eum quisquam perferendis, laboriosam atque dolorum molestiae praesentium numquam incidunt aliquam minima assumenda, fugiat dolores iusto! Magni ex inventore labore, delectus?
This is the text-heading styling:
| <h1></h1> |
Heading 1 |
| <h2></h2> |
Heading 2 |
| <h3></h3> |
Heading 3 |
| <h4></h4> |
Heading 4 |
| <h5></h5> |
Heading 5 |
| <h6></h6> |
Heading 6 |
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus assumenda atque dolores doloribus eveniet ex impedit itaque laboriosam maxime.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus assumenda atque dolores doloribus eveniet ex impedit itaque laboriosam maxime neque officiis praesentium quam quas qui, sapiente soluta tempora vel vitae!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor harum qui recusandae repellendus temporibus. Commodi deserunt facere officia officiis porro provident quasi quia quos, reiciendis sapiente sed, sint tempore totam.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus assumenda atque dolores doloribus eveniet ex impedit itaque laboriosam maxime.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus assumenda atque dolores doloribus eveniet ex impedit itaque laboriosam maxime.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aperiam beatae culpa cum delectus doloremque eveniet expedita fugiat id, ipsam itaque laudantium neque, officiis quae saepe sapiente sed. Itaque, nisi.
Lorem ipsum dolor sit amet consectetur adipisicing elit. A, blanditiis ea magnam iure voluptatum beatae magni, quos eum hic consequuntur tempora facilis expedita, libero deserunt dolorem eos neque delectus, sit!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat iste tempora minima atque ipsa, aliquid rem, repudiandae, molestias soluta in iure incidunt. Recusandae deserunt laudantium doloribus natus quasi quibusdam repellat!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab accusantium ad aliquid amet, corporis cumque dolores ducimus excepturi laborum magni molestiae molestias necessitatibus, nobis non nulla, perspiciatis quisquam ratione unde.
btn
Button base
btn-alt
Button alt
btn-outline
Button outline
btn-alt-outline
Button alt outline
btn _lg
Button base
btn-alt _lg
Button alt
btn-outline _lg
Button outline
btn-alt-outline _lg
Button alt outline
btn _sm
Button base
btn-alt _sm
Button alt
btn-outline _sm
Button outline
btn-alt-outline _sm
Button alt outline
Primary background color bg-primary
Secondary background color bg-secondary
color-primary
This is a praragraph with color primary. Quick brown fox jumps over the lazy lorem ipsum
color-secondary
This is a praragraph with color secondary. Quick brown fox jumps over the lazy lorem ipsum
colorbox__soft
This is a link in colorbox__soft
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Magnam praesentium, fuga eos culpa! Illum, nisi dignissimos ullam aspernatur molestias dolor nulla magni consectetur veniam ab odio doloribus quidem dolores recusandae.
colorbox__soft
This is a link in colorbox__loud
Lorem ipsum, dolor sit, amet consectetur adipisicing elit. Architecto qui accusamus deserunt ut, cum, iusto tenetur itaque laborum. Quasi maxime totam adipisci sunt expedita quae perspiciatis aliquid fugit laudantium? Consequatur.
botspace & topspace create spacings around objects using margins
botspace-xs
botspace-sm
botspace-md
botspace-lg
botspace-xl
---
---
topspace-xs
topspace-sm
topspace-md
topspace-lg
topspace-xl
botpad-xs
botpad-sm
botpad-md
botpad-lg
botpad-xl
toppad-xs
toppad-sm
toppad-md
toppad-lg
toppad-xl
air gives some padding all around
air-h gives some padding horizontally
air-v gives some padding vertically
air-responsive gives padding that rresponds to the screen width. It has a minimum (space-md) and maximum (space-xl) clamp and responsive width in between: padding: clamp(@space-md, @pad, @space-xl);
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fuga repellendus ad repellat assumenda, inventore at mollitia, pariatur a aspernatur temporibus laborum dicta deserunt ducimus, eius aperiam vero aut fugiat libero.
flexgrid-2
flexgrid-3
flexgrid-4