Gainsight/Custom_Templates/customer_templates/Cin7 Internal Academy/_cards_course.html.liquid

<div class="card" categories="{%for category in course.categories%}{{category.name}},{%endfor%}" duration="{{course.properties.course_duration}}">
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
    <a class="lp-link" href="{{ course_path }}">
    <div class="card-image">
        <img
        alt="{{ course.name }}"
        src="{{ course.image_url }}"
        class="learning-path-card-image"
      />
      {% if course.ribbon %}
        <div class="np-card-ribbon" {% if course.ribbon == "Omni" %} style="background: #0026b2;"{% endif %}>
          {{ course.ribbon }}
        </div>
      {% endif %}
    </div>
    <div class="card-content">
        <h3 class="card-content-title course-name">
          {{ course.name }}
        </h3>
        <div class="recommended">
          Recommended for:<br>{{course.properties.recommended_for}}
        </div>
        <div class="course-desc">
          {{ course.short_description }}
        </div>
        {% if course.properties.course_duration %}
          <div class="course-time">
            <i class="far fa-clock"></i>
            {{course.properties.course_duration}} min
          </div>
        {% endif %}
    </div>
    </a>
</div>