<div class="np-course-outline">
  <div class="np-text-title np-course-outline-title">
    {% t .header.course %}
  </div>
  <div class="np-course-outline-content">
    <ol class="np-course-outline-content-section">
      {% for section in course.sections %}
        <li class="np-course-outline-content-section-list">
          <div class="np-course-outline-content-section-name np-text-title-bold np-text-title-bold">
            {{ section.name }}
          </div>
          <ol class="np-course-outline-content-activity">
            {% for activity in section.activities %}
              <li class="np-course-outline-content-activity-list">
                <i class="far fa-circle np-course-outline-content-activity-icon"></i>
                  {% include "course_activity_locked" %}
                <div class="np-course-outline-content-activity-list-bar"></div>
              </li>
            {% endfor %}
          </ol>
        </li>
      {% endfor %}
    </ol>
  </div>
</div>
