<div class="o-overlay js-o-overlay " data-is-overlay="search"></div>
<div class="m-search-bar m-collapse js-m-collapse-searchbar " data-is-root="true">
<div class="m-collapse__header m-search-bar__header">
<div class="a-input a-input--search m-search-bar__input">
<div class="a-input__container">
<input class="a-input__field" type="text" id="styleguide-search-example1" name="styleguide-search-example1" placeholder=" " value="" />
<label for="styleguide-search-example1" class="a-input__label">Search input</label>
</div>
<button class="a-button a-button--inverted a-input__button">
<span class="a-button__icon a-button__icon--before icon-search"></span>
<span class="a-button__text">Zoek</span>
</button>
</div>
</div>
<div class="m-collapse__content m-search-bar__content">
<div class="m-collapse__content__container m-search-bar__content__container">
<div class="m-search-bar__results">
<article class="m-search-result ">
<a href="/" class="m-search-result__link"></a>
<header class="m-search-result__header">
<h6>Reglement k3 inzamelactie</h6>
</header>
<div class="m-search-result__content">
<p class="m-search-result__content__text">... uitgebreid worden naar externen. Het concert en /of andere prijzen zijn op geen enkel moment overdraagbaar aan derden, noch aan andere ... de toegang tot of het bijwonen van het concert en/of andere prijzen. VTMKZOOM regelt de organisatorische kant zoals opbouw, artiesten, ...</p>
<a href="" class="a-tag ">
Scholen
</a>
</div>
</article>
<article class="m-search-result ">
<a href="/" class="m-search-result__link"></a>
<header class="m-search-result__header">
<h6>Reglement k3 inzamelactie</h6>
</header>
<div class="m-search-result__content">
<p class="m-search-result__content__text">... uitgebreid worden naar externen. Het concert en /of andere prijzen zijn op geen enkel moment overdraagbaar aan derden, noch aan andere ... de toegang tot of het bijwonen van het concert en/of andere prijzen. VTMKZOOM regelt de organisatorische kant zoals opbouw, artiesten, ...</p>
<a href="" class="a-tag ">
Scholen
</a>
</div>
</article>
<article class="m-search-result ">
<a href="/" class="m-search-result__link"></a>
<header class="m-search-result__header">
<h6>Reglement k3 inzamelactie</h6>
</header>
<div class="m-search-result__content">
<p class="m-search-result__content__text">... uitgebreid worden naar externen. Het concert en /of andere prijzen zijn op geen enkel moment overdraagbaar aan derden, noch aan andere ... de toegang tot of het bijwonen van het concert en/of andere prijzen. VTMKZOOM regelt de organisatorische kant zoals opbouw, artiesten, ...</p>
<a href="" class="a-tag ">
Scholen
</a>
</div>
</article>
</div>
<button class="a-button m-search-bar__button ">
<span class="a-button__text">Bekijk de resultaten</span>
<span class="a-button__icon a-button__icon--after icon-arrow-right"></span>
</button>
</div>
</div>
</div>
