<div class="subpages row">
<div class="container">
<ul class="nav nav-tabs align-items-center" id="myTab" role="tablist">
{% for tab in tabs %}
<li class="nav-item">
<a class="nav-link {% if loop.first %}active{% endif %}"
data-toggle="tab" href="#{{ tab.title|sonata_slugify }}" role="tab"
aria-controls="home"
aria-selected="true"
data-id="{{ tab.id }}">{{ tab.title }}
</a>
</li>
{% endfor %}
</ul>
<hr class="red-line row subpages-divider"/>
<div class="row">
<div class="tab-content container" id="subpagesTabs">
{% for tab in tabs %}
<div class="tab-pane fade {% if loop.first %}show active{% endif %}"
id="{{ tab.title|sonata_slugify }}"
role="tabpanel" aria-labelledby="{{ tab.title|sonata_slugify }}-tab">
{% for content in tab.page.contentBlocks %}
{{ render_content_block(content.instance, tab.page) }}
{% endfor %}
</div>
{% endfor %}
</div>
</div>
</div>
</div>