<a class="np-card featured-card" href="{% route learning_path, id: learning_path.id %}">
  <div class="np-card-container lp-card-container">
    <img src="{{ learning_path.image_url }}" alt="{{ learning_path.name }}" />
    <div class="card-content-wrapper">
      <div class="featured-card-title">{{ learning_path.name }}</div>
      <div class="featured-card-desc">{{ learning_path.description | strip_html }}</div>
      <div class="card-info">
        <div class="lp-courses-count">{{ learning_path.items.count }} resources</div>
        <span class="dot-divider">&#183;</span>  
        {% for item in learning_path.items %}
          {% if item.course? %}
            {% for enrolled_course in enrolled_courses %}
              {% if item.id == enrolled_course.id %}
                {% assign course_time = enrolled_course.properties.course_length | split: " " %}
                {% assign course_time_number = course_time | slice: 0 %}
                <div class="np-hidden hidden-course-length" data-course-length="{{course_time_number}}"></div>
              {% endif %}
            {% endfor %}
          {% endif %}        
        {% endfor %}
        <div class="lp-time"></div>
      </div>
    </div>
  </div>
</a>