8.8.1 Upcoming events View in a new window

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

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

{% include '@uts_theme/components/banner/banner-page-title.twig' with { title: 'Events' } only %}

{% embed '@uts_theme/containers/sidebars/sidebar-a.twig' %}
  {% block sidebar %}
    {% include '@uts_theme/components/sidebar/sidebar-with-back.twig' %}
  {% endblock %}
  {% block main %}
    <ul class="flex-tile flex-tile--2x">
      <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">
        {% 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">
        {% 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">
        {% 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">
        {% 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">
        {% include '@uts_theme/components/event/event-teaser.twig' %}
      </li>
      <li class="flex-tile__item">
        {% include '@uts_theme/components/event/event-teaser.twig' %}
      </li>
    </ul>
    <a href="#" class="button__back">Past events</a>
  {% endblock %}
{% endembed %}

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