DSO Component Library

Whitebox Regular: Whitebox Regular Icon 

<div class="dso-whitebox dso-has-counter">
    <div class="dso-whitebox-counter">
        <span class="di di-check" aria-hidden="true"></span>
        <span class="sr-only">afgerond</span>
    </div>
    <div class="dso-whitebox-title">
        <h2>Ik wil weten welke wetten en regels er gelden voor mijn huis/bedrijf.</h2>
    </div>
    <div class="dso-whitebox-link">
        <a class="btn btn-link" href="#">
            <span class="icon fa fa-angle-right"></span>
            Direct naar aanvragen
        </a>
    </div>
    <div class="dso-whitebox-icon">
        <img src="../../dummy/images/indienen.png" alt="Indienen" />
    </div>
    <div class="dso-rich-content">
        <p>Weet u al voor welke activiteiten u een vergunning moet aanvragen of een melding moet doen? Dan kunt u de aanvraag of melding direct indienen.</p>
    </div>
</div>
 
<div class="dso-whitebox{{#if (or count (and icon label)) }} dso-has-counter{{/if}}">
  {{#if (or count (and icon label)) }}
    <div class="dso-whitebox-counter">
      {{#if (and icon label) }}
        {{> '@icon' }}
        <span class="sr-only">{{ label }}</span>
      {{else}}
        {{ count }}
      {{/if}}
    </div>
  {{/if}}
  <div class="dso-whitebox-title">
    <h2>{{ title }}</h2>
  </div>
  <div class="dso-whitebox-link">
    <a class="btn btn-link" href="#">
      <span class="icon fa fa-angle-right"></span>
      {{ linktext }}
    </a>
  </div>
  <div class="dso-whitebox-icon">
    <img src="{{path '/dummy/images/indienen.png' }}" alt="Indienen" />
  </div>
  <div class="dso-rich-content">
    <p>{{ description }}</p>
  </div>
</div>
 
title: Ik wil weten welke wetten en regels er gelden voor mijn huis/bedrijf.
linktext: Direct naar aanvragen
description: >-
  Weet u al voor welke activiteiten u een vergunning moet aanvragen of een
  melding moet doen? Dan kunt u de aanvraag of melding direct indienen.
icon: di di-check
label: afgerond

There are no notes for this item.