<div class="np-card event-card">
  <div class="np-card-container card-container-event">
      <h3 class="card-title card-heading-font event-title">
        {{ training_event.title }}
      </h3>
      <div class="event-ribbon"></div>
        <div class="card-date-container">
          <div class="card-date">
            {{ training_event.sessions.first.month }}
          </div>
          <div class="card-date">
            {{ training_event.sessions.first.day }},
            </div>
            <div class="card-date">
              {{ training_event.sessions.first.year }}
            </div>
        </div>
      <div class="event-type">
        {% t shared.event_types, key: training_event.event_type %}
      </div>
    <div class="card-button-container">
        <a
          class="np-button np-button-wide"
          href="{% route training_session, id: training_event.sessions.first.id %}"
        >
          Book your spot
        </a>
    </div>
  </div>
</div>

