<nav aria-label="{{ 'sr.breadcrumb'|trans }}" class="{{ navStyleModifier|default('mt-3 mt-md-4 mb-md-4') }}">
<ul class="{{ olStyleModifier|default('list-unstyled breadcrumb') }}">
{% for index, item in breadcrumbItems %}
{% if index == 0 %}
<li class="breadcrumb-item breadcrumb-item--icon {{ liStyleModifier|default('') }}">
<a href="#" class="d-flex">
<span class="icon icon-home"></span>
<span class="visually-hidden">Home</span>
</a>
</li>
{% elseif breadcrumbItems|last.uri == item.uri %}
<li class="breadcrumb-item active {{ liStyleModifier|default('') }}" aria-current="page">
{{ item.label}}
</li>
{% else %}
<li class="breadcrumb-item {{ liStyleModifier|default('') }}">
<a href="{{ item.uri }}" target="{{ item.target }}" class="{{ linkStyleModifier|default('') }}">
{{ item.label }}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
</nav>