Event

<div class="event | text-blue-800" vocab="https://schema.org/" typeof="Event">
  <div class="event__date">
    <div class="event-date | font-bold" property="startDate" content="2024-05-4T18:00">
      <span class="event__day | text-3xl text-center">4</span>
      <span class="event__month | text-sm text-center uppercase">May</span>
    </div>
  </div>
  <div class="event__content | ml-5 lg:ml-8">
    <h3 property="name">Super nice event</h3>
    <p class="text-grey-500">Lunchwebinar Trade Based Money Laundering in de automotive sector aanpakken</p>
  </div>
  <div class="event__footer | justify-self-end">
    <a href="javascript:console.log('Event clicked')" class="stretched-link | text-red-500" property="url">
      <svg class="w-4 aspect-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
        <!-- SVG content -->
      </svg>
      <div class="sr-only">Meer over Super nice event</div>
    </a>
  </div>
</div>