Linkerkolom
In browservensters smaller dan 760 px staat deze kolom boven de rechterkolom en is even breed als het venster. In bredere vensters staat deze kolom naast de rechterkolom en is 340 px breed. De hoogte is afhankelijk van de inhoud.
Beide kolommen staan in <main> met een achtergrond-gradiënt. De hoogte van <main> past zich aan de hoogste kolom aan.
In browservensters minimaal 760 px breed staat de hele pagina horizontaal gecentreerd. Bij voldoende inhoud kan de hele pagina worden gescrold en verschijnt rechts, afhankelijk van browser en besturingssysteem, eventueel een verticale scrollbalk.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ut malesuada eros. Vivamus sit amet efficitur sem. Aliquam erat volutpat. Maecenas vel cursus lorem, eget ultrices dolor. Quisque gravida felis sem, sed rhoncus lectus cursus eu. Fusce cursus bibendum consequat. Phasellus at lectus scelerisque, interdum sem non, ornare nunc. Aenean consectetur condimentum tincidunt. Nulla fermentum velit nec urna blandit laoreet. Sed ac elementum quam, vitae finibus augue. Ut in libero pulvinar, cursus mi sed, fringilla nibh. Proin dolor felis, placerat non turpis a, viverra ullamcorper turpis. Quisque vestibulum lobortis convallis. Maecenas ultrices dui sit amet congue porttitor. Aliquam et varius urna. In maximus molestie rutrum.
Vestibulum augue odio, sollicitudin nec ante vel, venenatis rutrum sem. Vivamus in nisl et quam commodo hendrerit. Aenean hendrerit bibendum dui, sed pellentesque nisl. Mauris tincidunt sed eros pharetra ornare. Sed tincidunt, metus et commodo vehicula, dolor tellus lobortis felis, in suscipit nulla eros quis ipsum. Nam nec neque placerat, feugiat mi eget, ullamcorper libero. Nulla fringilla elit id ligula gravida, quis condimentum urna lobortis. Donec scelerisque viverra est, sed tincidunt magna bibendum eget.
Integer finibus nisl augue, ut bibendum neque viverra vel. Quisque ut lorem laoreet erat porta vestibulum sit amet non eros. Ut ut tincidunt tellus, ut placerat est. Pellentesque a libero at tortor rhoncus ultricies sed in sapien. Duis in blandit ligula. Ut ut vestibulum diam, at convallis velit. Nunc porta convallis purus sit amet pellentesque. Sed sed mauris nisi. Etiam auctor, lacus vel ultricies blandit, tellus elit scelerisque quam, sed convallis justo mauris in libero. In elit nibh, placerat nec aliquet id, tempor in arcu. Phasellus commodo justo a lectus finibus, ullamcorper hendrerit leo pulvinar. Praesent efficitur porttitor ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus faucibus nunc vel dictum malesuada.
Quisque a tristique lorem. Morbi malesuada erat commodo tortor feugiat bibendum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent turpis urna, consectetur in ligula vel, dignissim porta sem. Aliquam blandit felis eget justo tincidunt varius. Curabitur ac lorem tempus quam sollicitudin sollicitudin id non ipsum. Aliquam commodo tellus sed auctor hendrerit. Sed tortor sem, porta interdum urna quis, porttitor dignissim purus. Morbi eu aliquet justo. Morbi porttitor eros eu augue posuere maximus. Aliquam aliquet in justo id scelerisque. Phasellus non malesuada dolor, a tincidunt sem. Nulla placerat, sapien id ornare fermentum, mi nisi consectetur ipsum, sed fringilla dolor erat at ipsum. Sed at magna turpis. Pellentesque tincidunt rutrum pretium.
Donec enim neque, porttitor at ligula et, pellentesque consequat lorem. Suspendisse tempus mollis nunc, ac auctor turpis commodo id. Nunc tristique ipsum tempor massa aliquet molestie. Aenean vel metus id lacus egestas viverra ac nec augue. Quisque aliquet viverra erat, ut elementum tortor tristique vitae. Curabitur lacinia euismod odio vel ornare. Pellentesque vehicula pharetra ipsum non feugiat. Donec accumsan pretium lorem, ac ullamcorper enim malesuada vitae. Etiam magna ligula, sodales non gravida ut, accumsan volutpat ex. Praesent malesuada dolor libero, porttitor aliquam risus vestibulum sed.
Morbi vitae diam est. In suscipit consectetur nulla. Maecenas eu nunc enim. Sed feugiat, libero ut tristique congue, neque eros ultrices lorem, at blandit lectus libero pharetra sem. Phasellus vulputate diam nec ante mollis viverra. Donec fermentum tincidunt lorem, id pellentesque dolor varius at. Donec ut ante eros. Nam eget lacus lacus.
Menu
In browservensters minimaal 760 px breed staat onder de header een zwarte balk met het menu. Het menu scrolt mee met de pagina, maar blijft aan de bovenkant van het venster staan. In smallere vensters opent het menu alleen na aanraken of -klikken van een vaststaande balk bovenaan het venster.
Rechterkolom
In browservensters smaller dan 760 px staat deze kolom onder de linkerkolom en is even breed als het venster. In bredere vensters staat deze kolom naast de linkerkolom en is 340 px breed. De hoogte is afhankelijk van de inhoud.