<div class="np-card-container">
  
    {% include "course_header" %}
 
  <div class="row np-course-content np-card-padding-dynamic">
    <div class="col-xs-12 col-sm-6">
      {% comment %} <img
        src="{{ course.image_url }}"
        class="np-top-image np-top-image-spacing"
        alt="{{ course.name }}"
      /> {% endcomment %}
      {% include "course_description" %}

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

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

      {% if course.events.any? %}
        <div class="np-card-content-divider">
          {% include "course_events" %}
        </div>
      {% endif %}
    </div>
    <div class="np-grid-spacing col-xs-12 col-sm-6">
      <div class="np-top-cta">
        {% include "course_progress_and_cta" %}
      </div>
      {% include "course_outline" %}
    </div>
  </div>
</div>
<style>
  .np-card-container{
    border-radius: 0;
    box-shadow: none;
  }
  .certificate-header{
    background-color: #FFEEEA;
  }
  .course-header{
    background-color: #E6F6FF;
  }
  .np-course-header{
    padding: 32px;
    margin-bottom: 9px;
  }
  .np-icon-back{
    color: #202227;
  }
</style>
