<section class="section section__works {% if contents['works-preview']['active'] is not defined or contents['works-preview']['active'] != 'on' %}d-none{% endif %}"> <div class="colored"> <div class="container"> <div class="row"> <div class="offset-lg-3 col-lg-6"> <h2 class="section__title section__title--white text-center">{% if contents['works-preview']['title'] is defined %}{{contents['works-preview']['title']}}{% endif %}</h2> <div class="section__content text-center"> {% if contents['works-preview']['content'] is defined %}{{contents['works-preview']['content']|raw}}{% endif %} </div> <div class="section__categories"> {% if contents['works-preview']['categories'] is defined %} <nav class="navigation"> {% for category in contents['works-preview']['categories'] %} <a href="" data-category="{{category.name}}" class="navigation__link {% if loop.index == 1 %}active{% endif %}">{{category.name}}</a> {% endfor %} </nav> {% endif %} </div> </div> </div> </div> </div> <div class="works"> <div class="container"> <div class="row"> <div class="offset-lg-1 col-lg-10"> {% if contents['works-preview']['categories'] is defined %} {% for category in contents['works-preview']['categories'] %} <div class="work {% if loop.index != 1 %}d-none{% endif %}" data-category="{{category.name}}"> <img src="{{asset('build/theme/default/img/work.png')}}" alt="work"> </div> {% endfor %} {% endif %} </div> </div> </div> </div></section>