Transparant blok met text

Dit is een transparant blok met tekst en een margin omde uitlijning goed te krijgen.

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Padding

'padding' als (block) class geeft een extra ruimte binnen het blok

Dit kan ook als class op een element worden gebruikt, om het te laten 'ademen'

Margin

'margin' als (block) class geeft een extra ruimte om het blok.

Dit kan ook als class op een element worden gebruikt

Dit is handig als blokken tegen elkaar aankomen.

Blok stijlen (block classes)

Het is ook mogelijk om voor elementen zoals een paragraaf, div of een section de achtergrond- en tekstkleur aan te passen. Gebruik hiervoor de volgende classes:

block--normal
block--light
block--dark
block--shade-light
block--shade-normal
block--shade-dark
block--white
block--grey
content-inversed-black
block--contrast1
block--contrast2

Kopteksten (kleine ronde hoeken)

Je kunt koptekstengebruiken van h1 tot en met h5.

Gebruik paragrafen <p>text</p> voor een helder leesbare tekst

Ook kun je tekst bold maken met <b>text</b>.

Zorg wel dat je alle html tags netjes afsluit. Soms is het handiger om de inhoud van een blok te bewerken in html bewuste text editor.

Heading 1