<div class="np-card-container np-card-padding-large">
  {% include "course_banner" %}
  <div class="np-top-cta">
    {% include "course_progress_and_cta" %}
  </div>
</div>

{% if course.progress == 0 %}
  <div class="np-card-container np-card-padding np-card-spacing">
    {% include "course_description" %}
  </div>
  <div class="np-card-container np-card-padding np-card-spacing">
    {% include "course_outline" %}
  </div>
{% else %}
  <div class="np-card-container np-card-padding np-card-spacing">
    {% include "course_outline" %}
  </div>
  <div class="np-card-container np-card-padding np-card-spacing">
    {% include "course_description" %}
  </div>
{% endif %}

{% comment %} {% if course.categories.any? %}
  <div class="np-card-container np-card-padding np-card-spacing">
    {% include "course_categories" %}
  </div>
{% endif %} {% endcomment %}

{% if course.instructors.any? %}
  <div class="np-card-container np-card-padding np-card-spacing">
    {% include "course_instructors" %}
  </div>
{% endif %}

{% if course.events.any? %}
  <div class="np-card-container np-card-padding np-card-spacing">
    {% include "course_events" %}
  </div>
{% endif %}
