Whitebox Regular
There are no notes for this item.
<!-- Default -->
<div class="dso-whitebox">
<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 href="#" class="btn btn-link"><svg class="di di-angle-right">
<use href="../../dso-icons.svg#angle-right" />
</svg><span>Direct naar aanvragen</span></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>
<!-- Whitebox Regular Counter -->
<div class="dso-whitebox dso-has-counter">
<div class="dso-step-counter">
3
</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 href="#" class="btn btn-link"><svg class="di di-angle-right">
<use href="../../dso-icons.svg#angle-right" />
</svg><span>Direct naar aanvragen</span></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>
<!-- Whitebox Regular Icon -->
<div class="dso-whitebox dso-has-counter">
<div class="dso-step-counter">
<svg class="di di-check">
<use href="../../dso-icons.svg#check" />
</svg>
<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 href="#" class="btn btn-link"><svg class="di di-angle-right">
<use href="../../dso-icons.svg#angle-right" />
</svg><span>Direct naar aanvragen</span></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 {{ className('dso-whitebox', [count or (icon and label), 'dso-has-counter']) }}>
{%- if count or (icon and label) %}
<div class="dso-step-counter">
{%- if icon and label %}
{% render '@icon', {icon: 'check'} %}
<span class="sr-only">{{ label }}</span>
{%- else %}
{{ count }}
{% endif -%}
</div>
{% endif -%}
<div class="dso-whitebox-title">
<h2>{{ title }}</h2>
</div>
<div class="dso-whitebox-link">
{% render '@anchor', {url: '#', label: linktext, modifier: 'btn btn-link', icon: 'angle-right'} -%}
</div>
<div class="dso-whitebox-icon">
<img src="{{ source | path }}" alt="Indienen" />
</div>
<div class="dso-rich-content">
<p>{{ description }}</p>
</div>
</div>
/* Default */
title: Ik wil weten welke wetten en regels er gelden voor mijn huis/bedrijf.
linktext: Direct naar aanvragen
source: /dummy/images/indienen.png
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.
/* Whitebox Regular Counter */
title: Ik wil weten welke wetten en regels er gelden voor mijn huis/bedrijf.
linktext: Direct naar aanvragen
source: /dummy/images/indienen.png
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.
count: 3
/* Whitebox Regular Icon */
title: Ik wil weten welke wetten en regels er gelden voor mijn huis/bedrijf.
linktext: Direct naar aanvragen
source: /dummy/images/indienen.png
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