Website Demo – Pagina-indelingsblokken
Alle pagina’s op de site bestaan uit paginakoppen en secties. Deze secties kunnen vervolgens worden georganiseerd in groepen, rasters, lijsten en kolommen.
Paginasecties en achtergronden
Paginasecties zijn secties over de volledige breedte met een optionele achtergrondafbeelding, die boven, in het midden of onder kan worden geplaatst. Elke groep blokken met een gemeenschappelijke achtergrondkleur – zelfs als die kleur wit is – moet worden genest binnen een paginasectieblok. Uitgezonderd hiervan zijn het blok met de paginakoptekst en het blok met de testimonialcarrousel, die hun eigen containers voor de volledige breedte hebben.
Aqua achtergrond, golf bovenaan
Witte achtergrond, geen afbeelding
Oranje achtergrond, golf in het midden
Paarse achtergrond, golf gepositioneerd onderaan
Rasters en kolommen
Roosters
Rasters kunnen een willekeurig aantal items per rij bevatten. De items worden dan van links naar rechts weergegeven en komen natuurlijk op een nieuwe regel. Alle items zijn even hoog in een raster.
Punt 1
Punt 2
Punt 3
Punt 4
Punt 5
Kolommen
Kies het aantal kolommen en voeg dan items toe aan elke kolom. Items in de ene kolom kunnen een andere hoogte hebben dan items in de andere kolom.
Kolom 1, post 1
Kolom 1, punt 2
Kolom 2, item 1
Kolom 2, punt 2
Kolom 2, punt 3
Vulling en blokafstand
Blokken kunnen worden opgevuld zodat de tekst niet tegen de rand botst. Ze hebben ook een standaard spatiëring en marge tussen de blokken. Al deze instellingen kunnen per geval worden aangepast.
Opvulling: 0px
Opvulling: 10px
Vulling: 20px (standaard)
Opvulling: 30px
Opvulling: 40px
Opvulling: 60px
Opvulling: 80px
Opvulling: 120px
Afstand tussen blokken: 0px
Punt 2
Punt 3
Afstand tussen blokken: 10px
Punt 2
Punt 3
Afstand tussen blokken: 20px
Punt 2
Punt 3
Afstand tussen blokken: 30px
Punt 2
Punt 3
Afstand tussen blokken: 40px
Punt 2
Punt 3
Afstand tussen blokken: 60 px
Punt 2
Punt 3
Afstand tussen blokken: 80px
Punt 2
Punt 3
Afstand tussen blokken: 120px
Punt 2
Punt 3