Card

Een card toont een klein stukje informatie met een link naar meer info. Cards worden altijd buiten een content-block geplaatst. Een card heeft een beperkte breedte, dit kan tot problemen leiden met lange woorden. Plaats een ​ in lange woorden op de plaats waar het woord afgebroken mag worden.

Wanneer er maar één card in de lijst zit, wordt deze altijd als de mobiele weergave getoond. Dit kan ook worden afgedwongen door de modifier list--card-small toe te voegen aan de lijst en elke card de modifier card--small te geven. Wanneer er altijd maar één card is, dan is een lijst niet nodig, en kan een losse card gebruikt worden.

Cards column (tiles)

Met cards column is het mogelijk verticaal te ordenen. Dit zijn tegels waar content in kan worden gezet. Zet dit binnen de class modifier card__content om dit toe te passen. De card-column is alleen toegestaan op een pagina met volledige breedte. Bekijk hier het voorbeeld

De cards zullen op mobiele apparaten onder elkaar getoond worden. Wil je de volgorde manipuleren? Gebruik dan de class modifier modifier card--column--order-first en de card zal als eerste getoond worden. Gebruik de class modifier modifier card--column--order-secondom een card als tweede verticaal te plaatsen.

  • Studieschuld

    Studieschuld aflossen €12.345,67
  • Lerarenbeurs

    Bent u leraar en wilt u een bachelor- of masteropleiding gaan volgen? Vraag hier uw lerarenbeurs aan. Of raadpleeg/wijzig hier uw aanvraag.

  • Levenkrediet

    Wilt u een opleiding gaan volgen, maar heeft u geen recht (meer) op studiefinanciering? Vanaf het studiejaar 2017-2018 kan iedereen tot 55 jaar geld lenen om collegegeld of lesgeld te betalen. Dit heet het ‘levenlanglerenkrediet’.

    Zie voorwaarden Levenlanglerenkrediet

  • Diplomaregister

    Het diplomaregister bevat de gegevens van diploma's die door de onderwijsinstellingen zijn aangeleverd aan DUO. U kunt in het register een digitaal uittreksel van uw diplomagegevens downloaden, bijvoorbeeld als u het origineel kwijt bent door brand of diefstal

  • Berichten

    • Betalingsverzoek

      13 november 2018

    • Betalingsverzoek

      13 november 2018

    • Betalingsverzoek

      13 november 2018

Benodigde stylesheets

  • /uno/components/list/list-card.css
  • /uno/components/card/card.css
  • /uno/components/meta/meta.css
  • /uno/components/tabs/tabs.css
  • /uno/components/badge/badge.css
  • /uno/components/tabs/tabs.css