UTS Style Guide

6.32.3 Custom arrow promo View in a new window

A block displaying a custom sub title, a custom teaser and an image.

Twig: components/promo/promo-arrow-custom.twig

Default example

White text on blue background.

Dark text on white background.

Reversed text.

Reversed text, on blue background.

Reversed text, on white background.

Markup

<a href="#" class="promo__link">
  <div class="promo promo--newsroom {{ modifier_class }}">
    <div class="promo__info">
      <p>From the newsroom</p>
      <h3>Get the full UTS Experience</h3>
      <p>How does a 190-year-old research icon remain relevant? Just ask the Australian Museum lorem ipsum dolor.</p>
    </div>
    <div class="promo__media">
      <img src="/themes/uts_theme/src/components/promo/images/image-promo-example.png" alt="">
    </div>
  </div>
</a>