Front W - Pattern Library

Portal 

<div class="portal">
    <a href="#" class="portal__upwards" title="Alle Studiengänge">
        <svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
            <use xlink:href="/assets/icons.svg#i-subdirectory_arrow_up" />
        </svg>
        <span>Alle Studiengänge</span>
    </a>
    <div class="portal__title"><a href="#">International Management M.A.</a></div>
</div>
 
<div class="portal">
  {% if portal.back is defined %}<a href="{{ portal.back.url }}" class="portal__upwards" title="{{ portal.back.label }}">
    {% include '@icon' with { 'type': 'i-subdirectory_arrow_up' } %}
    <span>{{ portal.back.label }}</span>
  </a>{% endif %}
  {% if large %}
    <h1 class="portal__title"><a href="{{ portal.page.url }}">{{ portal.page.label }}</a></h1>
  {% else %}
    <div class="portal__title"><a href="{{ portal.page.url }}">{{ portal.page.label }}</a></div>
  {% endif %}
</div>
 
{
  "portal": {
    "back": {
      "label": "Alle Studiengänge",
      "url": "#"
    },
    "page": {
      "label": "International Management M.A.",
      "url": "#"
    }
  }
}