8.18.1 Faculty View in a new window

Example

Delivering rigorous, practical and industry-focused education and research that encourages disruptive technologies and cultivates exceptional engineering and information technology professionals.

Markup 
{% include '@uts_theme/containers/header/header.twig' %}

{% include 'breadcrumb-inc.twig' %}

{% embed '@uts_theme/containers/sidebars/sidebar-b.twig' %}
  {% block sidebar %}
    <div class="sidebar">
      <div class="page-title">
        <h1>International students</h1>
      </div>
      <div class="sidebar__landing">
        <nav class="sidebar-menu" role="navigation" aria-label="Sidebar menu">
          <ul class="sidebar-menu__level-1">
            <li class="sidebar-menu__item is-active"><a href="#">View all schools</a>
              <ul class="sidebar-menu__level-2">
                <li class="sidebar-menu__item"><a href="#">Civil and Environmental</a></li>
                <li class="sidebar-menu__item"><a href="#">Computing and Communications</a></li>
                <li class="sidebar-menu__item"><a href="#">Electrical, Mechanical and Mechantronic Systems</a></li>
                <li class="sidebar-menu__item"><a href="#">Software</a></li>
                <li class="sidebar-menu__item"><a href="#">Systems, Management and Leadership</a></li>
              </ul>
            </li>
          </ul>
        </nav>
      </div>
    </div>
  {% endblock %}
  {% block main %}
    <div class="intro">
      <p>Delivering rigorous, practical and industry-focused education and research that encourages disruptive technologies and cultivates exceptional engineering and information technology professionals.</p>
    </div>
  {% endblock %}
  {% block banner %}
    <div class="banner banner--hero">
      <div class="banner__image">
        <img src="/themes/uts_theme/src/templates/faculty-banner-example.svg" alt="Abstract cube shapes" width="3000" height="2000">
      </div>
    </div>
  {% endblock %}
{% endembed %}

{% embed '@uts_theme/containers/one-col/one-col.twig' %}
  {% block content %}
    <ul class="flex-tile flex-tile--3x">
      <li class="flex-tile__item">
        {% include '@uts_theme/components/promo/promo-section.twig' %}
      </li>
      <li class="flex-tile__item">
        {% include '@uts_theme/components/promo/promo-section.twig' %}
      </li>
      <li class="flex-tile__item">
        {% include '@uts_theme/components/promo/promo-section.twig' %}
      </li>
      <li class="flex-tile__item">
        {% include '@uts_theme/components/promo/promo-supplementary-generic-info.twig' %}
      </li>
      <li class="flex-tile__item">
        {% include '@uts_theme/components/promo/promo-block.twig' %}
      </li>
      <li class="flex-tile__item">
        {% include '@uts_theme/components/promo/promo-block.twig' %}
      </li>
      <li class="flex-tile__item">
        {% include '@uts_theme/components/news/news-teaser.twig' %}
      </li>
      <li class="flex-tile__item">
        {% include '@uts_theme/components/event/event-teaser.twig' %}
      </li>
      <li class="flex-tile__item">
        {% include '@uts_theme/components/event/event-teaser.twig' %}
      </li>
      <li class="flex-tile__item flex-tile--span-2x">
        {% include '@uts_theme/base/media/video.twig' %}
      </li>
      <li class="flex-tile__item">
        {% include '@uts_theme/components/promo/promo-generic-info.twig' %}
      </li>
    </ul>
  {% endblock %}
{% endembed %}

{% include '@uts_theme/containers/footer/footer.twig' %}