UTS Style Guide

6.32.4 Custom arrow promo with video View in a new window

A block displaying a custom promo as above, but with a video.

Twig: components/promo/promo-arrow-custom-video.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

<div class="promo promo--newsroom promo--newsroom-video {{ modifier_class }}">
  <div class="promo__video">
    {% include '@uts_theme/base/media/video.twig' %}
  </div>
  <div class="promo__info">
    <a href="#" class="promo__link">
      <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>
    </a>
  </div>
</div>