<div class="np-resource-header np-resource-header-card np-card-padding-large">
  <div class="np-top-vocabulary np-text-title">
    <span class="lang-en-US">{% t shared.learning_path.title %}</span>
    <span class="lang-es">Camino de Aprendizaje</span>
    <span class="lang-fr">Chemin d'apprentissage</span>
    <span class="lang-de">Lernpfad</span>
    <span class="lang-en-GB">Learning Path</span>
    <span class="lang-nl">Leerpad</span>
    <span class="lang-pt-BR">Caminho de Aprendizagem</span>
    <i class="far fa-road np-button-color np-learning-path-icon"></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-icon-back"></i>
    </a>
    {{ learning_path.name }}
  </div>
</div>