Home Blocks

Hero block

De Hero Block wordt gebruikt bovenaan de pagina als intro van de pagina. Deze kan gebruikt worden met of zonder afbeelding. Onder deze tekst kan je optioneel nog knoppen toevoegen.

Gebouw Salar Sociaal Secretariaat
Optional subtitle

Block Editor

Block Editor is de standaard block om gewone tekst met een titel op de pagina te plaatsen. Optioneel kan je hieronder ook nog een knop tonen. In het Options tabje van deze block kan je de uitlijning van de tekst nog kiezen: centreren of standaard links uitlijning.

Een knop heeft ook telkens de optie om een icoontje te tonen.

Bij elk blok heb je de mogelijkheid om in het options tabje de spatie onderaan en/of bovenaan uit te schakelen. Standaard staat deze aan.

Voorbeeld knop
optional subtitle

Block image text

De ‘Image – Text’ block voorziet een afbeelding met daarnaast informatieve tekst.

Onder de tekst heb je ook nog de optie om een lijstje toe te voegen en/of een knop te tonen. Hierdoor kan je dit block dus op vele manieren opbouwen.

Op vlak van opties kan je er nog voor kiezen om de afbeelding links of rechts te plaatsen en om eventueel nog een achtergrondkleur achter het blok te zetten.

  • Lijst item 1
  • Lijst item 2
  • Lijst item 3
  • Lijst item 4
Voorbeeld knop
Salar-113 (1)

Block image text

De ‘Image – Text’ block voorziet een afbeelding met daarnaast informatieve tekst.

Onder de tekst heb je ook nog de optie om een lijstje toe te voegen en/of een knop te tonen. Hierdoor kan je dit block dus op vele manieren opbouwen.

Op vlak van opties kan je er nog voor kiezen om de afbeelding links of rechts te plaatsen en om eventueel nog een achtergrondkleur achter het blok te zetten.

Block flexible columns

Column 1

Kolom 1 van Flexible Columns block. Elke kolom bevat een titel, tekst, optionele lijst en optionele knop.

Kolom 2

In deze kolom vind je een lijstje terug.

In het ‘Options’ tabje van deze blok kan je kiezen in hoeveel kolommen dit blok weergegeven moet worden: 2, 3 of 4.

  • Lijst item 1
  • Lijst item 2
  • Lijst item 3

Kolom 3

Kolom 3 bevat een knop.

Naast het aantal kolommen kan je onder ‘Options’ ook nog een achtergrondkleur voor dit volledige blok kiezen. Keuzes hier zijn standaard wit, licht blauw of donker blauw.

Contact
optional subtitle

Block USPs

Het blok USPs voorziet kleine kolommen met telkens een voorgedefinieerd icoon, een titel en een tekst. De breedte van de kolommen is afhankelijk van het aantal items dat voorzien wordt.

Indien gewenst kan je bij de ‘Options’ van dit blok er nog voor kiezen om pijltjes te tonen tussen de blokjes om een soort van sequentie aan te duiden.

Onderaan kan je optioneel nog een knop toevoegen.

USP 1

Dit is de tekst van de eerste USP met het kalender icoontje

USP 2

Dit is de tekst van de tweede USP met het vlag icoontje

USP 3

Dit is de tekst van de derde USP met het weegschaal icoontje

USP 4

Dit is de tekst van de vierde USP met het hand icoontje

CTA block

De CTA block dient om iets in de spotlight te zetten. Het kan een titel, tekst en 2 knoppen bevatten. Om het blok voldoende uit te lichten, kan je in het ‘Options’ tabje nog een achtergrondkleur kiezen.

Optional subtitle

Block Quote – Dit is de eigenlijke quote. Gewoonlijk is deze tekst vrij kort, niet langer dan een paar regels.

– Auteur van de quote

Knop
Optional subtitle

Side content

Dit is het quote block. Dit kan je gebruiken als je een referentie op een pagina wil tonen met extra uitleg erbij.

Naast de quote kan je ervoor kiezen om nog een tekst blokje als dit te tonen, of enkel een afbeelding. Deze variant is degene met tekst, hieronder kan je er nog eentje terugvinden met een afbeelding.

Bij de ‘Options’ van dit blokje kan je er ook nog voor kiezen of de quote links of rechts hoort te staan.

Knop

Block Quote – Dit is de eigenlijke quote. Gewoonlijk is deze tekst vrij kort, niet langer dan een paar regels.

– Auteur van de quote

Block References

Block forms

Dit is een blok waarmee je een formulier op een pagina kan zetten

Titel

Cras mattis consectetur purus sit amet fermentum. Cras mattis consectetur purus sit amet fermentum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non mi porta gravida at eget metus.

Item 1

Nullam id dolor id nibh ultricies vehicula ut id elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Eindejaarspremies en vakantiegeleden
  • Eindejaarspremies en vakantiegeleden
  • Eindejaarspremies en vakantiegeleden

Item2

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec ullamcorper nulla non metus auctor fringilla. Etiam porta sem malesuada magna mollis euismod.

  • Eindejaarspremies en vakantiegeleden
  • Eindejaarspremies en vakantiegeleden
  • Eindejaarspremies en vakantiegeleden