{% set class = class|default('') %}
{% set title = title|default('') %}
{% set items = items|default([]) %}
{% if items %}
<div class="about {{ class }}">
<div class="container container_spacer">
<div class="about__inner">
<div class="about__title h1 text__black-text">
{{ title }}
</div>
<div class="about__main">
<div class="about__tabs-container">
<div class="about__tabs-wrap">
<div class="about__tabs tabs tabs__vertical" data-about-menu>
<ul class="about__tabs-list smart-tabs tabs__list">
{% for item in items %}
<li class="about__tab tabs__item {% if loop.first %}_active{% endif %}">
<a href="#project-item-{{ item.id }}"
class="about__tab-link tabs__link"
data-scroll-link
data-offset="-100"
data-duration="1500"
data-about-link
>
<span class="tabs__text">
{{ item.name }}
</span>
</a>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
<div class="about__content">
<ul class="about__list">
{% for item in items %}
{% include '_parts/about/_about-item.html.twig' with {
class: 'about__item',
item: item
} %}
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
</div>
{% endif %}