<div class="block-{{block.key}} {{block.classes}}"> <div class="block-container" data-tabs-container> <div class="block-{{block.key}}__tabs"> {% for tab in block.content %} <button class="{% if loop.first %} is-selected{% endif %}" data-tab-target="{{loop.index}}">{{tab.name}}{% if not loop.last %},{% endif %}</button> {% endfor %} </div> {% for tab in block.content %} <div class="block-{{block.key}}-tab{% if loop.first %} is-active{% endif %}" data-tab-index="{{loop.index}}" style="{% if loop.first %}display:block{% endif %}"> <div> <div class="block-{{block.key}}-tab__img"> {% include "../layout/partials/picture.twig" with {"image": tab.image } %} </div> <div class="block-{{block.key}}-tab__content"> {% for inner_block in tab.inner_blocks %} {% include './'~inner_block.key~'.twig' with {'block': inner_block } %} {% endfor %} </div> </div> </div> {% endfor %} </div> </div>