{% if position.index == '2' or position.index == '4' %}
{% if layout.header.value or layout.hero.value %}
{% if layout.header.value %}
{% for el in title.content %}
<{{ el.tagName }}
style="{% for s, v in el.style %} {{ s }}: {{ v }}; {% endfor %}"
class="{% for c in el.classes %} {{ c }} {% endfor %}">
{{ el.html }}
{% endfor %}
{% endif %}
{% if layout.hero.value %}
{% for el in hero.content %}
<{{ el.tagName }}
style="{% for s, v in el.style %} {{ s }}: {{ v }}; {% endfor %}"
class="{% for c in el.classes %} {{ c }} {% endfor %}">
{{ el.html }}
{% endfor %}
{% endif %}
{% endif %}
{% endif %}
{% if media.show == 'image' %}
{% if media.image.url %}
{% else %}
{% endif %}
{% endif %}
{% if media.show == 'video' %}
{% endif %}
{% if position.index == '1' or position.index == '3' %}
{% if layout.header.value or layout.hero.value %}
{% if layout.header.value %}
{% for el in title.content %}
<{{ el.tagName }}
style="{% for s, v in el.style %} {{ s }}: {{ v }}; {% endfor %}"
class="{% for c in el.classes %} {{ c }} {% endfor %}">
{{ el.html }}
{% endfor %}
{% endif %}
{% if layout.hero.value %}
{% for el in hero.content %}
<{{ el.tagName }}
style="{% for s, v in el.style %} {{ s }}: {{ v }}; {% endfor %}"
class="{% for c in el.classes %} {{ c }} {% endfor %}">
{{ el.html }}
{% endfor %}
{% endif %}
{% else %}