8.29 Faculty Landing Page View in a new window

Example

Instagram @utsdab

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

<div class="breadcrumbs__wrapper">
  {% include '@uts_theme/components/breadcrumbs/breadcrumbs.twig' with {
    breadcrumb: [
      {
        url: "#",
        text: "UTS"
      },
      {
        url: "#",
        text: "About UTS"
      },
      {
        text: "Faculty of Design, Architecture and Building"
      }
    ]
  } only %}
</div>

{% embed '@uts_theme/containers/sidebars/sidebar-b.twig' %}
  {% block sidebar %}
    <div class="sidebar">
      <div class="page-title">
        <h1>Faculty of Design, Architecture and Building</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"><a href="#">School of Design</a></li>
            <li class="sidebar-menu__item"><a href="#">School of Architecture</a></li>
            <li class="sidebar-menu__item"><a href="#">School of the Built Environment</a></li>
          </ul>
          <ul class="sidebar-menu__level-1">
            <li class="sidebar-menu__item"><a href="item-8-30.html?hideAll">Staff Work</a></li>
            <li class="sidebar-menu__item"><a href="item-8-31.html?hideAll">Student Work</a></li>
          </ul>
          <ul class="sidebar-menu__level-1">
            <li class="sidebar-menu__item"><a href="#">People</a></li>
            <li class="sidebar-menu__item"><a href="#">Research</a></li>
            <li class="sidebar-menu__item"><a href="#">Engage with us</a></li>
          </ul>
        </nav>
      </div>
    </div>
  {% endblock %}
  {% block main %}
    <div class="intro">
      <p>UTS Faculty of Design, Architecture and Building's many disciplines all play a role in shaping the future of global cultures, societies and economies. That's because a sustainable future requires multiple perspectives to tackle some of the major challenges facing industry, government and communities.</p>
    </div>
  {% endblock %}
  {% block banner %}
    {% include '@uts_theme/components/featured-slider/featured-slider-multi.twig' %}
  {% 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/event/event-teaser.twig' %}
      </li>
      <li class="flex-tile__item flex-tile--span-2x">
        {% include '@uts_theme/components/promo/promo-block.twig' with { tag: 'Gallery' } only %}
      </li>
      <li class="flex-tile__item">
        {% include '@uts_theme/components/promo/promo-block.twig' with { tag: 'Event' } only %}
      </li>
      <li class="flex-tile__item">
        {% include '@uts_theme/components/event/event-teaser.twig' %}
      </li>
      <li class="flex-tile__item">
        {% include '@uts_theme/components/promo/promo-block.twig' with { tag: 'Event' } only %}
      </li>
      <li class="flex-tile__item">
        {% include '@uts_theme/components/promo/promo-block.twig' with { tag: 'Research' } only %}
      </li>
      <li class="flex-tile__item">
        {% include '@uts_theme/components/promo/promo-block.twig' with { tag: 'Research' } only %}
      </li>
      <li class="flex-tile__item">
        {% include '@uts_theme/components/news/news-teaser.twig' %}
      </li>
      <li class="flex-tile__item">
        {% include '@uts_theme/components/news/news-teaser.twig' %}
      </li>
      <li class="flex-tile__item flex-tile--span-2x">
        {% include '@uts_theme/base/media/video.twig' %}
      </li>
    </ul>
  {% endblock %}
{% endembed %}

<div class="one-col instafeed__landing-page-wrapper">
  <h3 class="instafeed__title">Instagram <a href="https://instagram.com/utsdab">@utsdab</a></h3>
  {% include '@uts_theme/components/instafeed/instafeed.twig' %}
</div>

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