8.9 Home Page View in a new window

Example

Be inspired

Curabitur blandit tempus porttitor. Vestibulum id ligula porta felis euismod semper. Curabitur blandit tempus porttitor. Vestibulum id ligula porta felis euismod semper.

Find out more

UTS ranked #1 young uni

Come on campus to meet academics and have your questions answered. Morbi leo risus, porta ac consectetur ac.

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

{% include '@uts_theme/components/featured-slider/featured-slider.twig' %}

<main>
  <ul class="flex-tile flex-tile--3x flex-tile--home">
    <li class="flex-tile__item flex-tile--span-2x">
      {% include '@uts_theme/components/promo/promo-double.twig' %}
    </li>
    <li class="flex-tile__item">
      {% include '@uts_theme/components/promo/promo-home-dark.twig' %}
    </li>
    <li class="flex-tile__item">
      <a href="#" class="promo__link">
        <div class="promo promo--home-alt">
          <div class="promo__image">
            <img src="/themes/uts_theme/src/components/promo/images/section-bg-3.svg" alt="">
          </div>
          <div class="promo__content">
            <h3>Future<br>students</h3>
            <p>Find a course</p>
          </div>
        </div>
      </a>
    </li>
    <li class="flex-tile__item flex-tile--span-2x">
      <a href="#" class="promo__link">
        <div class="promo promo--newsroom promo--dark">
          <div class="promo__info">
            <p>From the newsroom</p>
            <h3>The power of citizen scientists</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/templates/event-example.jpg" alt="">
          </div>
        </div>
      </a>
    </li>
    <li class="flex-tile__item flex-tile--span-3x">
      {% include '@uts_theme/components/promo/promo-arrow-custom-video.twig' with { modifier_class: 'promo--reversed promo--light' } only  %}
    </li>
    <li class="flex-tile__item flex-tile--span-2x flex-tile--push-1x">
      <a href="#" class="promo__link">
        <div class="promo promo--newsroom promo--reversed promo--dark">
          <div class="promo__info">
            <p>From the newsroom</p>
            <h3>The quantum experiment</h3>
            <p>Meet Chris Ferrie: quantum theorist by day, children’s book author.</p>
          </div>
          <div class="promo__media">
            <img src="/themes/uts_theme/src/templates/images/home-promo-2.jpg" alt="">
          </div>
        </div>
      </a>
    </li>
  </ul>
</main>

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