Promo
This is the Promo component which appears in two places on the home page. It has two configurations, one that is nearly square and one that is shorter and rectangular.
.promo--short
Short version of the promo.
{{ attach_library('h4h_theme/promo') }}
{# Default to h2 (heading level 2) if no heading level is supplied. #}
{% set heading_level = heading_level|default(2) %}
<article class="promo {{ modifier_class }}">
<div class="promo__img">
<a class="promo__img-link" href="{{ url }}">{{ img }}</a>
</div>
<div class="promo__gradient"></div>
<div class="promo__content">
<h{{ heading_level }} class="promo__heading">
<a class="promo__link" href="{{ url }}">{{ title }}</a>
</h{{ heading_level }}>
<a href="{{ url }}" class="promo__btn btn btn--primary">{{ btn_text }}</a>
</div>
</article>