<div class="card">
    <a class="lp-link" href="{% route learning_path, id: learning_path.id %}">
    <div class="card-image">
        <img
        alt="{{ learning_path.name }}"
        class="learning-path-card-image"
        src="{{ learning_path.image_url }}"
      />
    {% if learning_path.name contains "Omni" or learning_path.name contains "Core"%}
    <div class="np-card-ribbon" {% if learning_path.name contains "Omni" %} style="background: #0026b2;"{% endif %}>
      {% if learning_path.name contains "Omni" %}
        Omni
        {% elsif learning_path.name contains "Core" %}
          Core
      {% endif %}
    </div>
    {%endif%}
    </div>
    <div class="card-content">
      <div class="card-type"><i class="far fa-road"></i> LEARNING PATH</div>
        <h3 class="card-content-title">
            {{ learning_path.name }}
          </h3>
    </div>
    </a>
</div>

