Impressie sectie
Dit is een test
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In feugiat sollicitudin luctus.
Cras at fermentum risus. In vel turpis iaculis, consectetur lorem sed, gravida nisi.
Slider & content sectie
Dit is niet meer een custom-ACF block maar een door Gutenberg opgebouwde sectie
Ja hallo daar!
Wist je dat in deze WordPress Starterkit alle Contact Form 7 elementen al zijn opgemaakt?! Dit is gedaan zodat jij direct kan doen waar je goed in bent.
Razendsnel contactformulieren in elkaar knallen waar je eigenlijk geen front of back-end kennis voor nodig hebt. Dat is toch fantastisch.
Standaard tekst elementen van Gutenberg
Dit is een titel (h1)
Dit is een titel (h2)
Dit is een titel (h3)
Dit is een titel (h4)
Dit is een titel (h5)
Dit is een titel (h6)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis felis sit amet suscipit tempus. Donec euismod faucibus eros, vel rhoncus odio interdum vel.
- Dit is echt
- Een super mooie
- OPSOMMING!
Een kleinigheidje houd je altijd
Mike Collet
| Maandag | Dinsdag | Woensdag | Donderdag | Vrijdag | Zaterdag | Zondag |
|---|---|---|---|---|---|---|
| 09:00 – mail wegwerken | 09:00 – mail wegwerken | 09:00 – mail wegwerken | 09:00 – mail wegwerken | 09:00 – mail wegwerken | vrij | vrij |
| 09:30 – onderhoud websites | 09:30 – onderhoud websites | 09:30 – onderhoud websites | 09:30 – onderhoud websites | 09:30 – onderhoud websites | vrij | vrij |
| 12:00 – lunchen | 12:00 – lunchen | 12:00 – lunchen | 12:00 – lunchen | 12:00 – lunchen | vrij | vrij |
| 12:30 – voorbereiden meeting | 12:30 – voorbereiden meeting | 12:30 – voorbereiden meeting | 12:30 – voorbereiden meeting | 12:30 – voorbereiden meeting | vrij | vrij |
| 13:00 – weekplanning | 13:00 – weekplanning | 13:00 – weekplanning | 13:00 – weekplanning | 13:00 – weekplanning | vrij | vrij |
| 14:00 – ontwikkelen | 14:00 – ontwikkelen | 14:00 – ontwikkelen | 14:00 – ontwikkelen | 14:00 – ontwikkelen | vrij | vrij |
| 16:00 – support | 16:00 – support | 16:00 – support | 16:00 – support | 16:00 – support | vrij | vrij |
| Tosti dag | Tosti dag | Tosti dag | Tosti dag | Kapsalon dag |
| Maandag | Dinsdag | Woensdag | Donderdag | Vrijdag | Zaterdag | Zondag |
|---|---|---|---|---|---|---|
| 09:00 – mail wegwerken | 09:00 – mail wegwerken | 09:00 – mail wegwerken | 09:00 – mail wegwerken | 09:00 – mail wegwerken | vrij | vrij |
| 09:30 – onderhoud websites | 09:30 – onderhoud websites | 09:30 – onderhoud websites | 09:30 – onderhoud websites | 09:30 – onderhoud websites | vrij | vrij |
| 12:00 – lunchen | 12:00 – lunchen | 12:00 – lunchen | 12:00 – lunchen | 12:00 – lunchen | vrij | vrij |
| 12:30 – voorbereiden meeting | 12:30 – voorbereiden meeting | 12:30 – voorbereiden meeting | 12:30 – voorbereiden meeting | 12:30 – voorbereiden meeting | vrij | vrij |
| 13:00 – weekplanning | 13:00 – weekplanning | 13:00 – weekplanning | 13:00 – weekplanning | 13:00 – weekplanning | vrij | vrij |
| 14:00 – ontwikkelen | 14:00 – ontwikkelen | 14:00 – ontwikkelen | 14:00 – ontwikkelen | 14:00 – ontwikkelen | vrij | vrij |
| 16:00 – support | 16:00 – support | 16:00 – support | 16:00 – support | 16:00 – support | vrij | vrij |
| Tosti dag | Tosti dag | Tosti dag | Tosti dag | Kapsalon dag |
Animaties via AOS.js
Deze animaties moet je als CSS class toevoegen aan het element naar keuze
Je kan met .aos-animate-fade-up een element naar boven laten invliegen. Met .aos-delay-450 kan je een delay toevoegen aan het element indien je wilt. Bijna alle animaties & delays uit de documentatie kunnen aangeroepen worden.
Dit is een kaartje
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vel dui vel lorem tincidunt placerat. Etiam quis nibh viverra, lacinia risus quis, posuere nunc. Sed purus enim, convallis ut feugiat quis.
Dit is nog een kaartje
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vel dui vel lorem tincidunt placerat. Etiam quis nibh viverra, lacinia risus quis, posuere nunc. Sed purus enim, convallis ut feugiat quis.
En nog een kaartje
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vel dui vel lorem tincidunt placerat. Etiam quis nibh viverra, lacinia risus quis, posuere nunc. Sed purus enim, convallis ut feugiat quis.
Counter blokken
Deze opties moeten als HTML block doorgevoerd worden d.m.v. attributes
Je kan met het data-purecounter-end="404" attribute de standaard configuratie per element overschrijven, alle verschillende attributes vind je terug in de main.js
100 aanpassingen
404 fouten
1337 hacks
Diverse lijst classes
De standaard <ul> bevat geen styling
- Ik houd niet van styling
- Perfect voor een footer menu
Geef de class .bullets aan de <ul> mee
Bij deze variant staan de altijd op de eerste regel
- Dit zijn standaard bullets
- Helemaal in kleur van het thema
Geef de class .custom-bullets of .center-bullets aan de <ul> mee
Bij deze variant staan de bullets altijd in het midden
- Dit zijn
:afterbullets - Die kan je helemaal naar wens opmaken
- En veel beter dan de standaard styling
Geef de class .checkmarks-green aan de <ul> mee
- Dit zijn hele mooie vinkjes
- Makkelijk voor alle lijst items
- In het groen want groen moet je doen
Draaiende content kaart
Dit is een titel
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus rutrum eget tortor quis dapibus. Vestibulum tempor dignissim leo, a semper arcu posuere at.
Mauris at eros ac felis laoreet pretium. Proin commodo efficitur interdum. Nullam nulla sapien, finibus et maximus consectetur.
Groot overzicht met CTA
Dit is niet meer een custom-ACF block maar een door Gutenberg opgebouwde sectie
Dit is een titel
Dit is een subtitel
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis felis sit amet suscipit tempus. Donec euismod faucibus eros, vel rhoncus odio interdum vel.
Dit is een subtitel
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis felis sit amet suscipit tempus. Donec euismod faucibus eros, vel rhoncus odio interdum vel.
Dit is een subtitel
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis felis sit amet suscipit tempus. Donec euismod faucibus eros, vel rhoncus odio interdum vel.
Slider met afbeeldingen
Slider met logo’s
Accordeon (enkel)
Praesent elementum enim a mauris blandit, sed dignissim nibh maximus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec faucibus, massa sed varius fermentum, quam lectus pretium sapien.
Accordeon (groep)
Praesent elementum enim a mauris blandit, sed dignissim nibh maximus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec faucibus, massa sed varius fermentum, quam lectus pretium sapien.
Suspendisse posuere arcu non purus ullamcorper pulvinar. In viverra viverra pharetra. Suspendisse potenti. In eget suscipit risus, accumsan lobortis risus. Aliquam a sem eget nunc dictum pharetra eget vitae leo.
Leo ut fermentum ultricies, libero dolor ornare velit, aliquam tempus augue ante non ante. Fusce molestie tortor sit amet enim pharetra, id rutrum lacus efficitur. Etiam pellentesque, nibh vitae vestibulum aliquet, risus sapien volutpat ipsum, ac ornare ipsum.