<section class="section section__introduction {% if contents['introduction']['active'] is not defined or contents['introduction']['active'] != 'on' %}d-none{% endif %}"> <div class="container"> <div class="row row-centered"> {% if contents['introduction']['image'] is defined %} <div class="col-lg-6"> {% if contents['introduction']['image'] is defined %} <img src="{{contents['introduction']['image']}}" alt="" class="section__image"> {% endif %} </div> <div class="offset-lg-1 col-lg-5"> <h2 class="section__title">{% if contents['introduction']['title'] is defined %}{{contents['introduction']['title']}}{% endif %}</h2> <div class="section__content"> {% if contents['introduction']['content'] is defined %}{{contents['introduction']['content']|raw}}{% endif %} </div> <div class="section__buttons"> {% if contents['introduction']['buttons'] is defined %} {% for k, button in contents['introduction']['buttons'] %} <a href="{{button['buttonUrl']}}" {% if button['blank'] %}target="_blank"{% endif %}> <button class="btn btn-outline">{{button['buttonLabel']}}</button> </a> {% endfor %} {% endif %} </div> </div> {% else %} <div class="col-lg-12"> <h2 class="section__title">{% if contents['introduction']['title'] is defined %}{{contents['introduction']['title']}}{% endif %}</h2> <div class="section__content"> {% if contents['introduction']['content'] is defined %}{{contents['introduction']['content']|raw}}{% endif %} </div> <div class="section__buttons"> {% if contents['introduction']['buttons'] is defined %} {% for button in contents['introduction']['buttons'] %} <a href="{{button['buttonUrl']}}" {% if button['blank'] %}target="_blank"{% endif %}> <button class="btn btn-outline">{{button['buttonLabel']}}</button> </a> {% endfor %} {% endif %} </div> </div> {% endif %} </div> </div></section>