Testpagina - Titel

Intro. Op deze pagina zie je alle onderdelen die we op webpagina's kunnen inzetten. Je kunt niet zomaar alle elementen op elk type pagina naar believen inzetten, er zijn wat richtlijnen die je terugvindt in de handleidingen.

Contentblock Content. Gewone tekst met simpele opmaak zoals vet en cursief. Met de style Lettertang kun je nadruk op bepaalde getallen of woorden in je artikel leggen. Gebruik hiervan wordt besproken in het redactiehandboek.

Je kunt bestanden uploaden en linken, hier een PDF (1,39MB), of linken naar een andere pagina of naar een anker op de pagina zelf. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus tellus, commodo vestibulum egestas sit amet, malesuada vitae orci. Maecenas non facilisis tortor. Donec aliquam cursus odio, sed cursus purus efficitur non. Nam massa arcu, aliquet id laoreet vel, maximus sit amet sem.

Header level 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus tellus, commodo vestibulum egestas sit amet, malesuada vitae orci. In auctor odio varius, euismod orci nec, dictum magna. Vestibulum a rutrum massa.

Header level drie

Nulla gravida dignissim interdum. Maecenas non facilisis tortor. Donec aliquam cursus odio, sed cursus purus efficitur non. Nam massa arcu, aliquet id laoreet vel, maximus sit amet sem.

  • Bulletlist item 1
  • Item 2
  • Item 3
relevante en beschrijvende alt-text

De Caption. Het bijschrift van een Large foto komt altijd over de foto te staan.

Image alt-text. Image alt-text.

Caption op de foto. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus tellus, commodo vestibulum egestas sit amet, malesuada vitae orci.

Contentblock ContentImage. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus tellus, commodo vestibulum egestas sit amet, malesuada vitae orci. In auctor odio varius, euismod orci nec, dictum magna. Vestibulum a rutrum massa. Nulla gravida dignissim interdum. Maecenas non facilisis tortor. Donec aliquam cursus odio, sed cursus purus efficitur non. Nam massa arcu, aliquet id laoreet vel, maximus sit amet sem.

Alternatieve alt-text

Op deze school in Soedan krijgen de kinderen les met de nieuwe pakketten over hygiene.

Contentblock ContentImage mirrored. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus tellus, commodo vestibulum egestas sit amet, malesuada vitae orci.

In auctor odio varius, euismod orci nec, dictum magna. Vestibulum a rutrum massa. Nulla gravida dignissim interdum. Maecenas non facilisis tortor. Donec aliquam cursus odio, sed cursus purus efficitur non. Nam massa arcu, aliquet id laoreet vel, maximus sit amet sem.

Hieronder staat Contentblock Gallery. De aangeklikte afbeelding verschijnt in een full screen Lightbox, waarna je door de hele reeks kunt bladeren. Op een mobiel device kun je swipen.

Contentblock ContentSidenote. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus tellus, commodo vestibulum egestas sit amet, malesuada vitae orci. In auctor odio varius, euismod orci nec, dictum magna. Vestibulum a rutrum massa. Nulla gravida dignissim interdum. Maecenas non facilisis tortor. Donec aliquam cursus odio, sed cursus purus efficitur non. Nam massa arcu, aliquet id laoreet vel, maximus sit amet sem.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus tellus, commodo vestibulum egestas sit amet, malesuada vitae orci. In auctor odio varius, euismod orci nec, dictum magna. Vestibulum a rutrum massa. Nulla gravida dignissim interdum. Maecenas non facilisis tortor. Donec aliquam cursus odio, sed cursus purus efficitur non. Nam massa arcu, aliquet id laoreet vel, maximus sit amet sem.

Sidenote. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus tellus, commodo vestibulum egestas sit amet, malesuada vitae orci.

Tweede paragraaf.

Derde paragraaf.

Link een
Link twee
Link drie

Links naar documenten

Als je linkjes naar documenten plaatst in een Sidenote, kun je die voorzien van een download-icoontje. Dat doe je door het bestand of de bestanden in een genummerd lijstje te zetten. Als je bijvoorbeeld onderstaande lijst in een Sidenote zet, ziet het er zo uit als hiernaast.

  1. Kinderjaarverslag 2015 (PDF)
  2. Kid Power Info Sheet (PDF)
  3. Brochure Periodiek Schenken (PDF)

Contenblock ContentQuote. Deze tekst is optioneel. Laat je 'm weg, dan is alleen de quote zichtbaar, gecentreerd. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus tellus, commodo vestibulum egestas sit amet, malesuada vitae orci. In auctor odio varius, euismod orci nec, dictum magna. Vestibulum a rutrum massa. Nulla gravida dignissim interdum. Maecenas non facilisis tortor. Donec aliquam cursus odio, sed cursus purus efficitur non. Nam massa arcu, aliquet id laoreet vel, maximus sit amet sem.

“Niets zo charmant, als een spreuk aan de wand”

Herman Finkers

Hieronder staat de bloxy ContentQuote, waarbij de optionele content is weggelaten. Quote wordt kolombreed. Optioneel zijn link en share-buttons.

“Voor mij is het een fijn idee dat ik ook na mijn dood kan bijdragen aan een betere toekomst voor de kinderen van UNICEF”

Paul van Vliet

59 miljoen

kinderen gaan niet naar de basisschool

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sed nibh aliquam sapien hendrerit vulputate. Nunc eleifend diam non mattis consequat. Morbi dignissim ac nulla in placerat. Fusce ultricies convallis interdum.

75 miljoen

adolescenten gaan niet naar school

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sed nibh aliquam sapien hendrerit vulputate. Nunc eleifend diam non mattis consequat. Morbi dignissim ac nulla in placerat. Fusce ultricies convallis interdum.

65 miljoen

adolescenten gaan niet naar school

Contenblock 'Collapsible' - Eerste item

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus tellus, commodo vestibulum egestas sit amet, malesuada vitae orci. In auctor odio varius, euismod orci nec, dictum magna. Vestibulum a rutrum massa. Nulla gravida dignissim interdum.

Header 2

Maecenas non facilisis tortor. Donec aliquam cursus odio, sed cursus purus efficitur non. Nam massa arcu, aliquet id laoreet vel, maximus sit amet sem.

Contenblock 'Collapsible' - tweede item

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus tellus, commodo vestibulum egestas sit amet, malesuada vitae orci. In auctor odio varius, euismod orci nec, dictum magna. Vestibulum a rutrum massa. Nulla gravida dignissim interdum. Maecenas non facilisis tortor. Donec aliquam cursus odio, sed cursus purus efficitur non. Nam massa arcu, aliquet id laoreet vel, maximus sit amet sem plop.

Hieronder staat het Contentblock Video (normal size)

Hieronder staat Contentblock Video (large size).

En dan is er nog contentblock Video (Extra Large):

Hieronder staat Contentblock Video Sidenote

Video Sidenote. Hier wordt naast de video tekst geplaatst, met optionele share-buttons voor Twitter en Facebook.

Deel deze video

Call to Action

Hieronder staat de Call to Action.

Optionele sup-heading

Miljoenen kinderen kunnen geen schoon water drinken. Vreemd toch?

doneer nu

Lorem ipsum dolor amet

Deze CtA heeft een background image

Button-text

Call to Action naar bestand of url

Je kunt het contentblok Call to Action ook linken naar een bestand of een url. In de button komt al naar gelang een download- of een external site-icoontje te staan.

background colour light blue

Meer weten over Mickey Mouse?

Optionele content. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

Klikken maar!
background colour blue

Ken je het Kinderrechtenverdrag al?

Download het hier

De Call to Action heeft ook een Light-versie.
Er zijn drie varianten:

  1. Alleen de button;
  2. Titel met button;
  3. Titel, tekst en button.

Hieronder staat variant 1 van de Call to Action Light. Light is aangevinkt, de titel is leeggelaten, de content is leeggelaten, alleen de button is ingevuld. 

Hieronder is variant 2 te zien: Light is aangevinkt, de titel is ingevuld, content is leeggelaten, de button is ingevuld.

Lees over ons werk in de Cariben

Geef nu

De derde variant: Light is aangevinkt, titel, content en button zijn ingevuld. De tekst wordt automatisch breed en gecentreerd weergegeven om te onderscheiden van de normale paragraaftekst.

Titel van de Call to Action

Content van de Call to Action

Klikt u maar!

Contacpersonen

Met het contentblok Contactperson kun je een blokje met een of twee contactpersonen toevoegen aan een pagina. Je maakt de contactpersonen eerst aan onder Components > Contactpersons.
De Contactperson-bloxy heeft geen, een blauwe, of een lichtblauwe achtergrondbalk.

Meer weten? Neem contact op!

Annemarie blok

Annemarie Blok

Relatiemanager nalatenschappen

nalaten@unicef.nl

+31 (0)88 444 96 50

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa at lacus viverra lacinia.

Neem contact op en wij leggen u graag persoonlijk uit hoe wij samen met uw bedrijf aan de slag kunnen.

Mauris varius justo lectus, sit amet tempus quam faucibus id. Quisque pharetra molestie pharetra.

Annemarie blok

Annemarie Blok

Relatiemanager nalatenschappen

nalaten@unicef.nl

+31 (0)88 444 96 50

Contactpersoon jeroen klomp  new business manager partnerships unicef

Jeroen Klomp

New Business Manager Partnerships

jklomp@unicef.nl

+31 (0)6 5313 1766

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent ut turpis eu orci aliquet sodales at at libero. Mauris varius justo lectus, sit amet tempus quam faucibus id. Quisque pharetra molestie pharetra.

Hieronder staat de Social Media Bar. De titel is vrij te bepalen en de 'media' zijn afzonderlijk aan/uit te zetten. De links zijn in het cms in te vullen, de linkteksten ('vol ons op Twitter') via Translations (dit zijn tevens de mouseoverteksten in de footer). 

Hieronder staat de Newsletter-bloxy. Titel, content en footer-content (de tekst onder het invoerveld) zijn alle optioneel.
In het cms kan worden gekozen welk thema deze bloxy heeft (bijv. Voeding, Noodhulp, een lopende campagne), zodat de inschrijving in de juiste database van onze verzendpartij terecht komen.

Onderaan de pagina (dit is een vaste plaats) kunnen een FAQ en een Quote naast elkaar gezet worden:

UNICEF publiceert vandaag het rapport 'Kinderarbeid in Azië' (PDF), waarin sed gravida tincidunt justo vitae vestibulum. Maecenas suscipit, nibh ac iaculis accumsan, massa diam dapibus elit, efficitur euismod neque nisl vel elit. Aliquam eget augue non nisi tincidunt porttitor vel id eros. Proin ac purus sed mi molestie placerat sed sit amet dui. Suspendisse ultrices eget lectus sit amet pretium. Quisque at justo non lorem consectetur vulputate nec at ligula.

Help nu en doneer

Doneer nu