<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>
  {% if course.name contains "v2" %}
    {{ course.name | split: ' v2' | first }}
  {% elsif course.name contains "v3" %}
    {{ course.name | split: ' v3' | first }}    
  {% else %}
    {{ course.name }}
  {% endif %}
  
</div>
<div class="np-top-vocabulary np-text-title np-text-muted">
  Learn how in this {{ course.properties.course_time}} {{ current_school.course_vocabulary }}
  <i class="far fa-graduation-cap np-button-color np-learning-path-icon np-hidden-mobile">
  </i>
</div>
<img
  src="{{ course.image_url }}"
  class="np-top-image np-hidden-desktop"
  alt="{{ course.name | split: ' v2' | first }}"
/>
<style>

.np-top-title {
  font-size: 1.5rem;
  text-align: center;
}
.np-text-title{
  text-align: center;
}
</style>