6.16.4 Research View in a new window

A hero banner used on research landing pages with a page title overlay.

Twig: components/banner/banner-research.twig

Example
Markup 
<div class="banner banner--research">
  <div class="banner__image">
    <img src="/themes/uts_theme/src/components/banner/banner-lp-example.svg" alt="Abstract circle shapes" width="3840" height="1845">
  </div>
  <div class="banner__overlay">
    <div class="banner__content">
      <div class="banner__title-overlay">
        <div class="page-title">
          <h1><span class="page-title__prefix">WHO Collaborating Centre for</span> Nursing, Midwifery and Health Development</h1>
        </div>
      </div>
    </div>
  </div>
</div>