8.10 Future Students View in a new window

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

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

{% include '@uts_theme/components/banner/banner-future-students.twig' %}

{% embed '@uts_theme/containers/one-col/one-col.twig' %}
  {% block content %}
    <ul class="flex-tile flex-tile--3x flex-tile--no-space">
      <li class="flex-tile__item flex-tile--span-2x">
        {% include '@uts_theme/components/content-menu/content-menu-course-areas.twig' %}
      </li>
      <li class="flex-tile__item">
        <nav class="content-menu content-menu--full content-menu--light">
          <div class="content-menu__image">
            <svg width="441" height="640" viewBox="0 0 441 640" preserveAspectRatio="xMinYMin slice" xmlns="http://www.w3.org/2000/svg"><title>current-students-sidebar-background</title><g fill="none" fill-rule="evenodd"><path fill="#ECECEC" d="M1 0h440v640H1z"/><path fill="#000" d="M399.114 545.076H440v40.847h-40.886z"/><path fill="#0F4BEB" d="M399.114 505H440v40.847h-40.886z"/><path fill="#FFF" d="M358 505h40.886v40.847H358zM.114 40.076H41v40.847H.114zM361 134h40.886v40.847H361z"/><path fill="#000" d="M321 134h40.886v40.847H321z"/><path fill="#0F4BEB" d="M280 0h40.886v40.847H280z"/></g></svg>
          </div>
          <div class="content-menu__menu">
            <h3 class="content-menu__title">Information for</h3>
            <ul>
              <li><a href="#">Undergraduate students</a></li>
              <li><a href="#">Postgraduate students</a></li>
              <li><a href="#">Short course students</a></li>
              <li><a href="#">Indigenous Australians</a></li>
              <li><a href="#">International students</a></li>
              <li><a href="#">Research students</a></li>
              <li><a href="#">Students with accessibility requirements</a></li>
            </ul>
          </div>
        </nav>
      </li>
    </ul>
    <ul class="flex-tile flex-tile--3x">
      <li class="flex-tile__item">
        <a href="#" class="promo__link">
          <div class="promo promo--section promo--dark">
            <div class="promo__image">
              <img src="/themes/uts_theme/src/templates/banner-mid-year-app-circles.svg" alt="">
            </div>
            <h3 class="promo__title">Mid-year Applications Open</h3>
          </div>
        </a>
      </li>
      <li class="flex-tile__item flex-tile--span-2x">
        <a href="#" class="promo__link">
          <div class="promo promo--newsroom promo--reversed">
            <div class="promo__info">
              <p><span class="time">3 December, 2017</span></p>
              <h3>Bachelor of Accounting Information evening</h3>
              <p>Speak to course coordinators, receive academic advice, explore our state-of-the-art teaching spaces and apply for free.</p>
            </div>
            <div class="promo__media">
              <img src="/themes/uts_theme/src/templates/banner-bachelor-of-accounting.jpg" alt="">
            </div>
          </div>
        </a>
      </li>
      <li class="flex-tile__item flex-tile__item--mobile-2x">
        {% include '@uts_theme/components/promo/promo-button.twig' %}
      </li>
      <li class="flex-tile__item flex-tile--span-2x">
        <a href="#" class="promo__link">
          <div class="promo promo--newsroom">
            <div class="promo__info">
              <h3>Student housing</h3>
              <p>UTS Housing offers comfortable, affordable and convenient living options on and around the UTS City campus.</p>
            </div>
            <div class="promo__media">
              <img src="/themes/uts_theme/src/templates/banner-student-housing.jpg" alt="">
            </div>
          </div>
        </a>
      </li>
      <li class="flex-tile__item flex-tile--span-2x">
        <a href="#" class="promo__link">
          <div class="promo promo--newsroom">
            <div class="promo__info">
              <h3>Experience UTS in VR</h3>
              <p>The UTS VR App gives you the opportunity to experience life at the University of Technology Sydney (UTS) in virtual reality.</p>
            </div>
            <div class="promo__media">
              <img src="/themes/uts_theme/src/templates/banner-experience-vr.jpg" alt="">
            </div>
          </div>
        </a>
      </li>
      <li class="flex-tile__item">
        <a href="#" class="promo__link">
          <div class="promo promo--section">
            <div class="promo__image">
              <img src="/themes/uts_theme/src/templates/banner-scholarships.svg" alt="">
            </div>
            <h3 class="promo-title">Scholarships</h3>
          </div>
        </a>
      </li>
    </ul>
  {% endblock %}
{% endembed %}

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