<footer class="main-footer {{ value.class }}" {% if value.background.color is defined %}style="background-color:{{ value.background.color }}"{% endif %}> {% if value.container is defined and value.container == true %} <div class="container"> <div class="row {% if value.wrapper is defined %} {{value.wrapper}}{%endif%}"> {% else %} <div class="d-flex {% if value.wrapper is defined %} {{value.wrapper}}{%endif%}" style="flex-wrap: wrap;"> {% endif %} {% for key, item in value.sections %} <div class="col{% if item.col is defined %}-{{ item.col }}{% endif %} {% if item.class is defined %}{{ item.class }}{% endif %}"> {{ component('security.footer.sections.' ~ key) }} </div> {% endfor %} {% if value.container is defined and value.container == true %} </div> </div> {% else %} </div> {% endif %}</footer>