{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.in_catalog %}

<main class="catalog container-fluid np-max-width">
  <div class="hidden-desktop-custom">
    {% include "sub_navigation" %}
  </div>
  <div class="header-2" style="margin-bottom:40px;">All Courses</div>
  <div class="np-resource-subtitle">
    Enroll in individual courses through the course catalog
  </div>
  <div class="catalog-wrapper row">
    <div class="catalog-filter col-sm-6 col-md-3 col-12">
      {%include "catalog_filtter_courses"%}
    </div>

    <div class="catalog-courses container-fluid col-sm-6 col-md-9 col-12">
      <div class="catalog-courses-container">
    
            {%include "courses_catalog"%}
      
      </div>
    </div>
  </div>

</div>
</main>
{% include "footer" %}