<div class="np-carousel col-md-4 col-sm-6 col-xs-12">
  <div class="np-card-container">
    <img
      class="np-card-image"
      alt="{{ learning_path.name }}"
      src="{{ learning_path.image_url }}"
    >
    <div class="lp-card-footer-container">
      <div class="lp-np-card-content np-card-content-vertical np-card-padding">
        <h3 class="np-card-content-title">
          {{ learning_path.name }}
        </h3>
        {% if learning_path.instructor_names %}
          <div class="np-card-content-subtitle">
            {{ learning_path.instructor_names }}
          </div>
        {% endif %}
        <div class="np-card-content-footer">
          {%- comment -%} <div class="np-card-content-progress np-button-color">
            {% t shared.progress, count: learning_path.progress %}
          <a class="np-button np-button-wide lp-button-card" href="{% route learning_path, id: learning_path.id %}">
            {% t shared.view %}
          </a>{%- endcomment -%}
          <a class="np-button np-button-wide" href="{% route learning_path, id: learning_path.id %}">
            {% t shared.view %}
          </a>
        </div>
      </div>
    </div>
  </div>
</div>