Image Grid Card
This is image grid card. It has a click functionality. The click reveals a quote.
- Markup Details
-
{{ attach_library('goizueta_theme/image-grid-card') }} {% import '@components/icons/icons.twig' as icons %} <button class="image-grid-card__container" aria-expanded="false"> <div class="image-grid-card__image"> {{ img }} <span class="image-grid-card__icon"> {{ icons.get('quotes', '') }} </span> </div> <div class="image-grid-card__details" aria-hidden="true" > <div class="image-grid-card__text"> {{ text }} </div> <div class="image-grid-card__attrib"> {{ attrib }} </div> <a href="{{link.url}}" tabindex="0" title="learn more about quote" role="link" class="image-grid-card__link">{{ link.text }}</a> </div> </button>