6.16.8 Search banner View in a new window

A banner with a search box

Twig: components/banner/banner-future-students.twig

Example
Markup
<div class="banner banner--search">
  <div class="banner__image">
    <img src="/themes/uts_theme/src/components/banner/future-students.jpg" alt="Current students" width="3000" height="2000">
  </div>
  <div class="banner__overlay">
    <div class="banner__content">
      <div class="banner__title">
        {% include '@uts_theme/components/page-title/page-title.twig' with { title: 'Future students' } only %}
        <form action="/" class="banner__search-form">
          <div class="form-item">
            <label>Find a course</label>
            <input type="text" class="form-text" placeholder="Find courses by name...">
          </div>
          <div class="form-actions">
            <input type="submit" class="form-submit" value="Search">
          </div>
        </form>
      </div>
    </div>
  </div>
</div>