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
Contentblock Image Normal Size. Bijschrift komt rechts van de foto te staan bij breedbeeld, op de foto bij kleinere schermen.Een afbeelding kan linken naar een grotere versie of een compleet andere afbeelding. (Zie icoontje rechtsonder)

Contentblock Image Normal Size. Bijschrift komt rechts van de foto te staan bij breedbeeld, op de foto bij kleinere schermen.

Een afbeelding kan linken naar een grotere versie of een compleet andere afbeelding. (Zie icoontje rechtsonder)

Contentblock Image Normal Size. Bijschrift komt rechts van de foto te staan bij breedbeeld, op de foto bij kleinere schermen.

Een afbeelding kan linken naar een grotere versie of een compleet andere afbeelding. (Zie icoontje rechtsonder)

relevante en beschrijvende alt-text

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

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.

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.

Herman Finkers

“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.

Paul van Vliet

“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

250

miljoen

kinderen leren niet lezen en schrijven

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.

Call to Action: Miljoenen kinderen kunnen geen schoon water drinken. Vreemd toch?

doneer nu

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.

Meer weten over Mickey Mouse?

Klikken maar!

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.

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.

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:

Help nu en doneer

Doneer nu