<section class="product-section product-modules" id="{{ moduleKey }}"> <div class="container"> <h2 class="product-section__title"> {% if module.title is defined and module.title is not empty %} {{ module.title }} {% else %} ModuĊy {% endif %} </h2> <div class="product-modules__list"> {% if module.list is defined %} <nav class="nav nav-tabs" id="module-nav" role="tablist"> {% for item in module.list %} <a style="margin-right:120px;" class="nav-link {{ loop.first ? 'active' : '' }}" id="module-nav-{{ loop.index }}" href="#module-tab-{{ loop.index }}" role="tab" aria-controls="module-tab-{{ loop.index }}" aria-selected="{{ loop.first ? 'true' : 'false' }}" > {% if item.title is defined %} {{ item.title }} {% endif %} </a> {% endfor %} </nav> <div class="tab-content" id="module-tab"> {% for item in module.list %} <div class="tab-pane show {{ loop.first ? 'active' : '' }}" id="module-tab-{{ loop.index }}" role="tabpanel" aria-labelledby="module-nav-{{ loop.index }}"> {% if item.points is defined %} <ul> {% for point in item.points %} <li>{{ point.text }}</li> {% endfor %} </ul> {% endif %} </div> {% endfor %} </div> {% endif %} </div> </div></section>