6.32.1 Large centered promo View in a new window
A block incorporating a background image with overlay WYSIWYG text. Light modifier allows for light text over a dark image.
Twig: components/promo/promo-large.twig
Default example
White text
Black text
Markup
{% block admin %}{% endblock %}
<a href="{{ href|default('#') }}" {{ attributes }} class="promo__link">
<div class="promo promo--section {{ modifier_class }} {{ background_class }}">
<div class="promo__image">
{% block image %}
<img src="/themes/uts_theme/src/components/promo/images/image-text-promo-dark.png" alt="#1 Young Uni">
{% endblock %}
</div>
<{{ title_tag|default('div') }} class="promo__title">{% block title %}Australia’s<br>
No. 1<br>
Young Uni{% endblock %}</{{ title_tag|default('div') }}>
</div>
</a>