Card
This is the card component.
MS In Business Analytics Card Subhead
- Markup Details
-
{{ attach_library('goizueta_theme/card') }} {% import "@components/icons/icons.twig" as icons %} {% set program = card.program_name|clean_class %} {% set attributes = attributes ? attributes.addClass('card ' ~ program ~ '') : ' class="card ' ~ program ~ '"' %} <article section {{ attributes|raw }}> <div class="card__inner" aria-expanded="false" role="button" tab-index="0"> <div class="card__image"> {{ card.image }} </div> <div class="card__content"> <div class="card__content--title-container"> <h3 class="card__content--title"> {{ card.title }} {% if card.subhead %} <span class="card__content--title-subhead">{{ card.subhead }}<span> {% endif %} </h3> {{ icons.get('arrow-right', '') }} </div> <div class="card__content--body" aria-hidden="true"> {{ card.body }} {% if card.program_meta %} <div class="card__meta"> {% for item in card.program_meta %} <p> <span class="meta__label">{{ item.label }}:</span> <span class="meta__info">{{ item.info }}</span></p> {% endfor %} </div> {% endif %} <div class="card__learn-more"> {% if card.link.classes is not empty %} <a class="{{ card.link.classes }}" href="{{ card.link.url }}">{{ card.link.text }}</a> {% else %} <a href="{{ card.link.url }}">{{ card.link.text }}</a> {% endif %} </div> </div> </div> </div> </article>