<div class="container d-block d-md-none mt75">
<h2>
Наша команда состоит<br />
из профессионалов
</h2>
</div>
<div class="mt100 person-block" style="background: url('{{ vich_uploader_asset(persons|first,'imageFile') }}'); ">
<div class="container">
<h2 class="text-white d-none d-md-block">
Наша команда состоит<br />
из профессионалов
</h2>
<div class="dropdown person-select">
<button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
{{ personCategories[0] }}
</button>
<ul class="dropdown-menu">
{% for pc in personCategories %}
<li><a class="dropdown-item person-category-item" href="#" data-id="{{ pc.id }}">{{ pc }}</a></li>
{% endfor %}
</ul>
</div>
{# <img src="" class="big-person">#}
<div class="person-mini">
{% for p in persons %}
<img
class="img-person-mini"
data-b-src="{{ vich_uploader_asset(p,'imageFile') | replace({' ' : '%20'}) }}"
src="{{ vich_uploader_asset(p,'previewFile') | replace({' ' : '%20'}) }}"
data-name="{{ p.name }}"
data-post="{{ p.post }}"
data-email="{{ p.email }}"
data-phone="{{ p.phone }}"
>
{% endfor %}
</div>
<div class="row" style="position: relative">
<div class="col-md-3">
<div class="text-white">
<span id="p-name">
{{ (persons|first).name }}
</span>
</div>
</div>
<div class="offset-xl-2 offset-md-1 col-md-3">
<div class="text-white">
<span id="p-post">{{ (persons|first).post }}</span>
</div>
</div>
<div class="offset-md-1 col-md-3">
<div class="text-white pl-right">
<span id="p-phone">{{ (persons|first).phone }}</span><br />
<span id="p-email">{{ (persons|first).email }}</span>
</div>
</div>
</div>
</div>
</div>
<div style="visibility: hidden; opacity: 0; height: 0;">
{% for p in personsAll %}
<img src="{{ vich_uploader_asset(p,'imageFile') | replace({' ' : '%20'}) }}" style="width: 1px;">
{% endfor %}
</div>