<div class="np-top-vocabulary np-text-title np-text-muted">
  {{ current_school.course_vocabulary }}
  <i class="far fa-graduation-cap np-button-color np-learning-path-icon np-hidden-mobile">
  </i>
</div>
<div class="np-top-title">
  <a href="{% route home %}" class="np-back-button" aria-label="{% t shared.go_back %}">
    <i class="far fa-arrow-left np-hidden-mobile np-icon-back"></i>
  </a>
  <p id="course-name">{{ course.name }}</p>
</div>
<img
  src="{{ course.image_url }}"
  class="np-top-image np-hidden-desktop"
  alt="{{ course.name }}"
/>
<style>
  #course-name {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
  }
</style>