Example

Research and teaching

Cras mattis consectetur purus sit amet fermentum. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas sed diam eget risus varius blandit sit amet non magna. Sed posuere consectetur est at lobortis.

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

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

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

<div class="grid__container">
  <div class="intro intro--offset">
    {% include '@uts_theme/components/page-title/page-title.twig' with { title: 'Research and teaching' } only %}
    <p>Cras mattis consectetur purus sit amet fermentum. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas sed diam eget risus varius blandit sit amet non magna. Sed posuere consectetur est at lobortis.</p>
  </div>
</div>

{% 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' %}