<div class="np-card">
  <div class="np-card-container">
      <img
        alt="{{ learning_path.name }}"
        class="np-card-image"
        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>
            {{ learning_path.description }}
          </div>


          <div class="np-card-content-footer">
            <div class="np-hidden-desktop np-card-content-progress
            np-button-color">
              {% t shared.progress, count: learning_path.progress %}
            </div>
            <a class="np-sub-navigation-content-item-link" href="{% route learning_path, id: learning_path.id %}" style="font-weight: bold; padding-top: 10px;">
              View learning path
            </a>
          </div>
        </div>
  </div>
</div>
