6.21.5 Split promotion View in a new window
A tile with an image (that is not full height), a title, text, icon and link.
Twig: components/promo/promo-split.twig
Default example
Dark text
Light text
Markup
<div class="promo promo--split {{ modifier_class }}">
<a href="#1" class="promo__link">
<div class="promo__image">
<img src="/themes/uts_theme/src/components/promo/images/promo-split-example.svg" alt="">
</div>
<h3 class="promo__title">Promotion</h3>
</a>
<div class="promo__split">
<a href="#2">
<p><span class="icon icon--inline icon--download-blue icon--size-24"></span> Download course guide</p>
</a>
</div>
</div>