<div class="c-event-highlights ">
<div class="l-flex l-flex--justify-content:space-between l-flex--align-items:center">
<h1 class="c-event-highlights__title">
Events
</h1>
<a class="c-link c-link--secondary c-event-highlights__link u-visually-hidden@to:vp-7" href="/">
<span class="c-link__description">Alle events</span>
<span class="c-link__decoration" aria-hidden="true"></span>
</a>
</div>
<div class="u-margin-top:5 u-margin-top:10@at:vp-7">
<article class="c-event ">
<div class="c-event__grid l-grid l-grid--default-spacing u-margin-top:7 u-margin-top:5@at:vp-7 u-margin-bottom:7 u-margin-bottom:5@at:vp-7">
<div class="c-event__date l-grid__col:12/12 l-grid__col:2/12@at:vp-7 l-grid__col:1/12@at:vp-12">
<span class="c-event__date-day">05</span>
<div class="c-event__date-wrapper">
<span class="c-event__date-month">jun</span>
<span class="c-event__date-year">2021</span>
</div>
</div>
<div class="c-event__image l-grid__col:12/12 l-grid__col:5/12@at:vp-7 l-grid__col:5/12@at:vp-12" style="background-image: url('/assets/images/events/event-01.jpg');">
<img class="u-visually-hidden u-idle" src="/assets/images/events/event-01.jpg" width="436" height="265" alt="Robin Verheyen" />
</div>
<div class="c-event__details l-grid__col:12/12 l-grid__col:5/12@at:vp-7 l-grid__col:6/12@at:vp-12 l-flex l-flex--direction:column l-flex--justify-content:space-between">
<div class="l-flex__item">
<a href="/">
<h2 class="c-event__title">Robin Verheyen; Artful music</h2>
</a>
<p class="c-event__hours">19:00 - 22:00</p>
</div>
<a class="c-link c-event__link c-link--secondary" href="/">
<span class="c-link__description">Info & tickets</span>
<span class="c-link__decoration" aria-hidden="true"></span>
</a>
</div>
</div>
<div class="c-divider c-event__divider"></div>
</article>
<article class="c-event ">
<div class="c-event__grid l-grid l-grid--default-spacing u-margin-top:7 u-margin-top:5@at:vp-7 u-margin-bottom:7 u-margin-bottom:5@at:vp-7">
<div class="c-event__date l-grid__col:12/12 l-grid__col:2/12@at:vp-7 l-grid__col:1/12@at:vp-12">
<span class="c-event__date-day">22</span>
<div class="c-event__date-wrapper">
<span class="c-event__date-month">aug</span>
<span class="c-event__date-year">2021</span>
</div>
</div>
<div class="c-event__image l-grid__col:12/12 l-grid__col:5/12@at:vp-7 l-grid__col:5/12@at:vp-12" style="background-image: url('/assets/images/events/event-02.jpg');">
<img class="u-visually-hidden u-idle" src="/assets/images/events/event-02.jpg" width="436" height="265" alt="Schilderij van Ensor" />
</div>
<div class="c-event__details l-grid__col:12/12 l-grid__col:5/12@at:vp-7 l-grid__col:6/12@at:vp-12 l-flex l-flex--direction:column l-flex--justify-content:space-between">
<div class="l-flex__item">
<a href="/">
<h2 class="c-event__title">In de voetstappen van Ensor</h2>
</a>
<p class="c-event__hours">14:00 - 17:00</p>
</div>
<a class="c-link c-event__link c-link--secondary" href="/">
<span class="c-link__description">Info & tickets</span>
<span class="c-link__decoration" aria-hidden="true"></span>
</a>
</div>
</div>
<div class="c-divider c-event__divider"></div>
</article>
</div>
</div>
