{% include "course_version_outdated_alert"
  , courses: courses.in_catalog %}
<main class="np-main np-catalog np-subpage-container np-max-width">
  <div class="np-catalog-header-wrapper">
    <div class="np-catalog-header">
      <h2 class="np-resource-title">{{ catalog.headline }}</h2>
      <p class="np-resource-subtitle">{{ catalog.subheadline }}</p>
    </div>
  </div>
  {% if catalog.any? %}
    <div class="np-catalog-courses row row-with-thumbnails">
      {% for item in catalog.items %}
        <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
          {% include "cards_catalog_item" with item %}
        </div>
      {% endfor %}
    </div>
  {% else %}
    {% capture message %}
      {% t shared.zero_state.courses.catalog,
        key: current_school.course_vocabulary
      %}
    {% endcapture %}
    {% include "courses_zero_state"
      , message: message %}
  {% endif %}
</main>
{% include "footer" %}