<div class="homepage-section np-homepage-featured np-max-width">
  <div class="np-homepage-featured-text">
    <div class="np-homepage-headline homepage-heading">
      Upcoming Events
    </div>
  </div>
  {% if training_events.available.any? %}
    <div class="row row-with-thumbnails" style="padding: 1% 3%;">
      {% for training_event in training_events.available %}
        <div class="col-xs-12 col-sm-6 col-lg-4 np-stretch-content" style="margin-bottom: 10px;">
          {% include "cards_training_event" with training_event %}
        </div>
      {% endfor %}
    </div>
  {% else %}
    <div style="margin: 15px;">
      {% include "training_events_zero_state" %}
    </div>
  {% endif %}
</div>
