Course Link Card
The Course Link Card component provides a summary and link to a course.
- Markup Details
-
{{ attach_library('goizueta_theme/course-link-card') }} <article class="course-link-card{{ classes|default('') }}"{% if data %} {% for attr,value in data %} data-{{ attr }}="{{ value }}" {% endfor %} {% endif %}> <a class="course-link-card__link" href="{{ link_url }}"> <div class="course-link-card__inner"> <h2 class="course-link-card__title">{{ title }}</h2> <div class="course-link-card__dates">{{ dates }}</div> <div class="course-link-card__summary">{{ summary }}</div> {% if topics or duration or format or certificates %} <table class="course-link-card__classifications"> {% if topics %} <tr> <td><strong>{{ "Topic:"|trans }}</strong></td> <td class="course-link-card__topics"> {% for topic in topics %} {{ topic }}{% if loop.index < loop.length %}, {% endif %} {% endfor %} </td> </tr> {% endif %} {% if duration %} <tr> <td><strong>{{ "Duration:"|trans }}</strong></td> <td class="course-link-card__durations">{{ duration }}</td> </tr> {% endif %} {% if format %} <tr> <td><strong>{{ "Format:"|trans }}</strong></td> <td class="course-link-card__formats">{{ format }}</td> </tr> {% endif %} {% if certificates %} <tr> <td><strong>{{ "Certificate:"|trans }}</strong></td> <td class="course-link-card__certificates"> {% for cert in certificates %} {{ cert }}{% if loop.index < loop.length %}, {% endif %} {% endfor %} </td> </tr> {% endif %} </table> {% endif %} </div> </a> </article>