Styleguide
Deze styleguide dient als referentie voor welke blokken er beschikbaar zijn. Gebruik deze pagina om huisregels te definiëren voor het gebruik van de variaties van blokken.
Bekijk hier de volledige pagina patronen:
Koppen
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Knoppen
Citaat
Fusion is het starter project van Yard Digital Agency. Het project bevat onze eigen Yard Blocks waarmee je eenvoudig een website in elkaar zet en onze ‘best practices’ op het gebied van performance en accessibility.
Martin Donk
Collapse
Uitklap element content
Uitklap element content
Uitklap element content
Afbeeldingen
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cwerkenras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.
Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cwerkenras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.
Gallerij
Tabel
| Header 1 | Header 2 | Header 3 | Header 4 |
|---|---|---|---|
| Lorum ipsum dolor ist amet | Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes | Lorum ipsum dolor ist amet | Lorum ipsum dolor ist amet |
| Lorum ipsum dolor ist amet | Lorum ipsum dolor ist amet | Aenean massa. Cum sociis natoque penatibus | Et magnis dis parturient montes |
| Lorum ipsum dolor ist amet | Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes | Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes | Et magnis dis parturient montes |
Bestand
Scheidingsteken
Iconenlijst
Lijsten
- Lijst item 1
- Lijst item 2
- Lijst item met lange tekst Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
Patronen
Kaarten (vrije invoer)
Enkele kaart (vacature)
Zoek je een leuke baan in de wereld van de zakelijke dienstverlening? Een baan waarin jij je als doener volop kunt uitleven? Dan is de functie Projectmedewerker Cursusorganisatie bij de Nederlandse Orde van Belastingadviseurs (NOB) een mooie kans voor jou.
Horizontale kaart
Inleiding van maximaal 10 regels. Bekijk de toolbar en de blokinstellingen in de rechterkolom van het “Media & Tekst” blok voor alle mogelijke aanpassingsmogelijkheden.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh tortor id aliquet lectus proin nibh nisl condimentum id.
Horizontale kaart (rood)
Inleiding van maximaal 10 regels. Bekijk de toolbar en de blokinstellingen in de rechterkolom van het “Media & Tekst” blok voor alle mogelijke aanpassingsmogelijkheden.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh tortor id aliquet lectus proin nibh nisl condimentum id.
Kaart één knop
Korte inleiding van maximaal 4 regels. Verander de tekst van de knop naar actieve tekst.
Kaart één knop
Korte inleiding van maximaal 4 regels. Verander de tekst van de knop naar actieve tekst.
Kaart meerdere links
Optionele tekst van maximaal drie regels.
- Één
- Twee
- Niet meer dan zeven
Kaart één knop
Korte inleiding van maximaal 4 regels. Verander de tekst van de knop naar actieve tekst.
Kaart één knop
Korte inleiding van maximaal 4 regels. Verander de tekst van de knop naar actieve tekst.
Kaart één knop
Korte inleiding van maximaal 4 regels. Verander de tekst van de knop naar actieve tekst.
Kaart meerdere links
Optionele tekst van maximaal drie regels.
- Één
- Twee
- Niet meer dan zeven
Kaart meerdere links
Optionele tekst van maximaal drie regels.
- Één
- Twee
- Niet meer dan zeven
Kaarten (data inladen)
