{# { "key": "framework_empty", "label": "Lege sectie", "description": "Lege sectie.", "allowMove": true, "category": "empty", "blocks": [ { "key": "block-0", "size": 12, "required": "", "buttons": true, "multiple": true, "fields": [] } ] }#}<section id="{{wrapper.cssId is defined ? wrapper.cssId : ''}}" class="empty {{wrapper.cssClass is defined ? wrapper.cssClass : ''}}"> <div class="container {{firstBlock.config.class is not empty ? firstBlock.config.class : ''}}"> {% if wrapper.label or wrapper.intro is not empty %} <div class="introblock"> {% if wrapper.label is not empty %} <div class="introtitle"> {{wrapper.label|raw}} </div> {% endif %} {% if wrapper.intro is not empty %} <div class="introtext"> {{wrapper.intro|raw}} </div> {% endif %} </div> {% endif %} <div class="row"> {% for b in wrapper.blocks %} <div class="col-sm-12 col-md-12 col-lg-{{b.width}} {{b.offset('offset-lg-')}} {{b.config.class}}" id="{{b.config.id}}"> <div class="block"> {% if b.data.type is defined and b.data.type == 'video' %} <div class="responsive-wrapper"> {{b.video|raw}} </div> {% elseif b.media is not empty %} <picture> {% if b.media.hasWebp() %} <source srcset="/{{b.media.getWebpPath}}" type="image/webp"> {% endif %} <source srcset="/{{b.media.getWebPath}}" type="{{b.media.mime}}"> <img alt="{{b.media.description_alt}}"/> </picture> {% else %} {{b.content|raw}} {% endif %} {% if b.config.buttons is defined %} <div class="btns"> {% for button in b.config.buttons %} <a href="{{button.url}}" {% if button.target is defined and button.target != "null" %} target="{{button.target}}" {% endif %} class="btn {{button.class}}"> {{button.label}} <i class="fa fa-angle-right"></i> </a> {% endfor %} </div> {% endif %} </div> </div> {% endfor %} </div> </div></section>