Highlight Box

<!-- Default -->
<div class="dso-highlight-box">
    <div class="dso-rich-content">
        <h3>Toelichting: Vergunningvrij onder voorbehoud</h3>
        <p>Het Informatiehuis Bouw kent, op basis van de huidige gebruikerswensen, vier Informatieproducten, namelijk het Opleverdossier, de Bouwregelgeving, de Vergunningvrije bouwwerken en een Digitaliseringshulp.</p>
        <p>Het Opleverdossier (zie voor een nadere omschrijving van de informatieproducten de volgende paragrafen) is de, door gebruikers gewenste, centrale registratie waarin alle informatie over een bouwwerk is opgenomen. Het gaat hierbij om de tekeningen, berekeningen en de resultaten van de kwaliteitsborging (zoals toetsen en inspecties).</p>
        <p>De <a href="#">Bouwregelgeving</a> is een database met alle bouwregelgeving in Nederland, die op zodanige wijze moet zijn ingericht en ontsloten dat die voldoet aan de eisen van de Omgevingswet (3B's), en daarmee bruikbaar is in de ontwerp- en toetsingsfase van ieder bouwwerk.</p>
        <p>Het derde informatieproduct zijn de Vergunningvrije bouwwerken, hierin zijn opgenomen de (bekende) bouwwerken die vergunningvrij, maar niet regelvrij, zijn gerealiseerd. Het vierde en vooralsnog laatste informatieproduct is de Digitaliseringshulp, een service voor het centraal en gestandaardiseerd digitaliseren van documenten.</p>
        <a href="#" class="btn btn-primary">Primaire button</a>
        <a href="#" class="btn btn-default">Secundaire button</a>
        <a href="#" class="btn btn-link btn-align">
            Tertiaire button
            <svg class="di di-chevron-down">
                <use href="../../dso-icons.svg#chevron-down"></use>
            </svg>
        </a>
    </div>

</div>

<!-- Yellow -->
<div class="dso-highlight-box dso-yellow">
    <div class="dso-rich-content">
        <h3>Toelichting: Vergunningvrij onder voorbehoud</h3>
        <p>Het Informatiehuis Bouw kent, op basis van de huidige gebruikerswensen, vier Informatieproducten, namelijk het Opleverdossier, de Bouwregelgeving, de Vergunningvrije bouwwerken en een Digitaliseringshulp.</p>
        <p>Het Opleverdossier (zie voor een nadere omschrijving van de informatieproducten de volgende paragrafen) is de, door gebruikers gewenste, centrale registratie waarin alle informatie over een bouwwerk is opgenomen. Het gaat hierbij om de tekeningen, berekeningen en de resultaten van de kwaliteitsborging (zoals toetsen en inspecties).</p>
        <p>De <a href="#">Bouwregelgeving</a> is een database met alle bouwregelgeving in Nederland, die op zodanige wijze moet zijn ingericht en ontsloten dat die voldoet aan de eisen van de Omgevingswet (3B's), en daarmee bruikbaar is in de ontwerp- en toetsingsfase van ieder bouwwerk.</p>
        <p>Het derde informatieproduct zijn de Vergunningvrije bouwwerken, hierin zijn opgenomen de (bekende) bouwwerken die vergunningvrij, maar niet regelvrij, zijn gerealiseerd. Het vierde en vooralsnog laatste informatieproduct is de Digitaliseringshulp, een service voor het centraal en gestandaardiseerd digitaliseren van documenten.</p>
        <a href="#" class="btn btn-primary">Primaire button</a>
        <a href="#" class="btn btn-default">Secundaire button</a>
        <a href="#" class="btn btn-link btn-align">
            Tertiaire button
            <svg class="di di-chevron-down">
                <use href="../../dso-icons.svg#chevron-down"></use>
            </svg>
        </a>
    </div>

</div>

<!-- Bordered -->
<div class="dso-highlight-box dso-border">
    <div class="dso-rich-content">
        <h3>Toelichting: Vergunningvrij onder voorbehoud</h3>
        <p>Het Informatiehuis Bouw kent, op basis van de huidige gebruikerswensen, vier Informatieproducten, namelijk het Opleverdossier, de Bouwregelgeving, de Vergunningvrije bouwwerken en een Digitaliseringshulp.</p>
        <p>Het Opleverdossier (zie voor een nadere omschrijving van de informatieproducten de volgende paragrafen) is de, door gebruikers gewenste, centrale registratie waarin alle informatie over een bouwwerk is opgenomen. Het gaat hierbij om de tekeningen, berekeningen en de resultaten van de kwaliteitsborging (zoals toetsen en inspecties).</p>
        <p>De <a href="#">Bouwregelgeving</a> is een database met alle bouwregelgeving in Nederland, die op zodanige wijze moet zijn ingericht en ontsloten dat die voldoet aan de eisen van de Omgevingswet (3B's), en daarmee bruikbaar is in de ontwerp- en toetsingsfase van ieder bouwwerk.</p>
        <p>Het derde informatieproduct zijn de Vergunningvrije bouwwerken, hierin zijn opgenomen de (bekende) bouwwerken die vergunningvrij, maar niet regelvrij, zijn gerealiseerd. Het vierde en vooralsnog laatste informatieproduct is de Digitaliseringshulp, een service voor het centraal en gestandaardiseerd digitaliseren van documenten.</p>
        <a href="#" class="btn btn-primary">Primaire button</a>
        <a href="#" class="btn btn-default">Secundaire button</a>
        <a href="#" class="btn btn-link btn-align">
            Tertiaire button
            <svg class="di di-chevron-down">
                <use href="../../dso-icons.svg#chevron-down"></use>
            </svg>
        </a>
    </div>

</div>

<!-- White Drop Shadow -->
<div class="dso-highlight-box dso-white dso-drop-shadow">
    <div class="dso-rich-content">
        <h3>Toelichting: Vergunningvrij onder voorbehoud</h3>
        <p>Het Informatiehuis Bouw kent, op basis van de huidige gebruikerswensen, vier Informatieproducten, namelijk het Opleverdossier, de Bouwregelgeving, de Vergunningvrije bouwwerken en een Digitaliseringshulp.</p>
        <p>Het Opleverdossier (zie voor een nadere omschrijving van de informatieproducten de volgende paragrafen) is de, door gebruikers gewenste, centrale registratie waarin alle informatie over een bouwwerk is opgenomen. Het gaat hierbij om de tekeningen, berekeningen en de resultaten van de kwaliteitsborging (zoals toetsen en inspecties).</p>
        <p>De <a href="#">Bouwregelgeving</a> is een database met alle bouwregelgeving in Nederland, die op zodanige wijze moet zijn ingericht en ontsloten dat die voldoet aan de eisen van de Omgevingswet (3B's), en daarmee bruikbaar is in de ontwerp- en toetsingsfase van ieder bouwwerk.</p>
        <p>Het derde informatieproduct zijn de Vergunningvrije bouwwerken, hierin zijn opgenomen de (bekende) bouwwerken die vergunningvrij, maar niet regelvrij, zijn gerealiseerd. Het vierde en vooralsnog laatste informatieproduct is de Digitaliseringshulp, een service voor het centraal en gestandaardiseerd digitaliseren van documenten.</p>
        <a href="#" class="btn btn-primary">Primaire button</a>
        <a href="#" class="btn btn-default">Secundaire button</a>
        <a href="#" class="btn btn-link btn-align">
            Tertiaire button
            <svg class="di di-chevron-down">
                <use href="../../dso-icons.svg#chevron-down"></use>
            </svg>
        </a>
    </div>

</div>

<!-- Step Indicator -->
<div class="dso-highlight-box dso-yellow dso-has-counter">
    <div class="dso-step-counter">
        2
    </div>
    <div class="dso-rich-content">
        <h3>Toelichting: Vergunningvrij onder voorbehoud</h3>
        <p>Het Informatiehuis Bouw kent, op basis van de huidige gebruikerswensen, vier Informatieproducten, namelijk het Opleverdossier, de Bouwregelgeving, de Vergunningvrije bouwwerken en een Digitaliseringshulp.</p>
        <p>Het Opleverdossier (zie voor een nadere omschrijving van de informatieproducten de volgende paragrafen) is de, door gebruikers gewenste, centrale registratie waarin alle informatie over een bouwwerk is opgenomen. Het gaat hierbij om de tekeningen, berekeningen en de resultaten van de kwaliteitsborging (zoals toetsen en inspecties).</p>
        <p>De <a href="#">Bouwregelgeving</a> is een database met alle bouwregelgeving in Nederland, die op zodanige wijze moet zijn ingericht en ontsloten dat die voldoet aan de eisen van de Omgevingswet (3B's), en daarmee bruikbaar is in de ontwerp- en toetsingsfase van ieder bouwwerk.</p>
        <p>Het derde informatieproduct zijn de Vergunningvrije bouwwerken, hierin zijn opgenomen de (bekende) bouwwerken die vergunningvrij, maar niet regelvrij, zijn gerealiseerd. Het vierde en vooralsnog laatste informatieproduct is de Digitaliseringshulp, een service voor het centraal en gestandaardiseerd digitaliseren van documenten.</p>
        <a href="#" class="btn btn-primary">Primaire button</a>
        <a href="#" class="btn btn-default">Secundaire button</a>
        <a href="#" class="btn btn-link btn-align">
            Tertiaire button
            <svg class="di di-chevron-down">
                <use href="../../dso-icons.svg#chevron-down"></use>
            </svg>
        </a>
    </div>

</div>

<!-- Icon Indicator -->
<div class="dso-highlight-box dso-yellow dso-has-counter">
    <div class="dso-step-counter">
        <svg class="di di-plus">
            <use href="../../dso-icons.svg#plus" />
        </svg>
    </div>
    <div class="dso-rich-content">
        <h3>Toelichting: Vergunningvrij onder voorbehoud</h3>
        <p>Het Informatiehuis Bouw kent, op basis van de huidige gebruikerswensen, vier Informatieproducten, namelijk het Opleverdossier, de Bouwregelgeving, de Vergunningvrije bouwwerken en een Digitaliseringshulp.</p>
        <p>Het Opleverdossier (zie voor een nadere omschrijving van de informatieproducten de volgende paragrafen) is de, door gebruikers gewenste, centrale registratie waarin alle informatie over een bouwwerk is opgenomen. Het gaat hierbij om de tekeningen, berekeningen en de resultaten van de kwaliteitsborging (zoals toetsen en inspecties).</p>
        <p>De <a href="#">Bouwregelgeving</a> is een database met alle bouwregelgeving in Nederland, die op zodanige wijze moet zijn ingericht en ontsloten dat die voldoet aan de eisen van de Omgevingswet (3B's), en daarmee bruikbaar is in de ontwerp- en toetsingsfase van ieder bouwwerk.</p>
        <p>Het derde informatieproduct zijn de Vergunningvrije bouwwerken, hierin zijn opgenomen de (bekende) bouwwerken die vergunningvrij, maar niet regelvrij, zijn gerealiseerd. Het vierde en vooralsnog laatste informatieproduct is de Digitaliseringshulp, een service voor het centraal en gestandaardiseerd digitaliseren van documenten.</p>
        <a href="#" class="btn btn-primary">Primaire button</a>
        <a href="#" class="btn btn-default">Secundaire button</a>
        <a href="#" class="btn btn-link btn-align">
            Tertiaire button
            <svg class="di di-chevron-down">
                <use href="../../dso-icons.svg#chevron-down"></use>
            </svg>
        </a>
    </div>

</div>