
<div class="card-course">
  <div class="np-card-container">
    <img
      class="np-card-image"
      alt="{{ learning_path.name }}"
      src="{{ learning_path.image_url }}"
    >
    <div class="np-card-content np-card-content-vertical np-card-padding">
      <h3 class="np-card-content-title">
        {{ learning_path.name }}
      </h3>
      <div class="np-card-content-subtitle">
        {{ learning_path.instructor_names }}
      </div>
      <div class="np-card-content-footer">
        <div class="np-card-content-progress np-button-color">
            {% t shared.progress, count: learning_path.progress %}
        </div>
        <div class="button-container">
            <a class="button-course" href="{% route learning_path, id: learning_path.id %}">
                {% t shared.view %}
            </a>
        </div>
      </div>
    </div>
  </div>
</div>
