2018-02-27 22:39:19 +00:00
|
|
|
{% load cms_tags %}
|
|
|
|
|
2018-03-01 20:35:42 +00:00
|
|
|
<div class="split-section {{ instance.get_extra_classes }}" id="{{ instance.html_id }}">
|
2018-02-27 22:39:19 +00:00
|
|
|
<div class="container">
|
2018-03-12 20:22:54 +00:00
|
|
|
{% if instance.child_plugin_instances|length %}
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-sm-6 {% if instance.text_direction == 'left' %}col-sm-push-6{% endif %} split-figure">
|
|
|
|
<div class="section-figure">
|
|
|
|
{% for plugin in instance.child_plugin_instances %}
|
|
|
|
{% render_plugin plugin %}
|
|
|
|
{% endfor %}
|
|
|
|
</div>
|
2018-03-05 13:11:13 +00:00
|
|
|
</div>
|
2018-03-12 20:22:54 +00:00
|
|
|
<div class="col-sm-6 {% if instance.text_direction == 'left' %}col-sm-pull-6{% endif %} split-text">
|
|
|
|
{% if instance.heading %}
|
2018-03-12 21:25:55 +00:00
|
|
|
<div class="{% if not instance.plain_heading %}split-title{% else %}split-title-plain{% endif %}">
|
2018-03-12 20:22:54 +00:00
|
|
|
<h2>{{ instance.heading }}</h2>
|
|
|
|
</div>
|
|
|
|
{% endif %}
|
|
|
|
{% if instance.content %}
|
|
|
|
<div class="split-description">
|
|
|
|
<div class="lead">
|
|
|
|
{{ instance.content }}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{% endif %}
|
2018-03-05 13:11:13 +00:00
|
|
|
</div>
|
2018-03-12 20:22:54 +00:00
|
|
|
</div>
|
|
|
|
{% else %}
|
|
|
|
<div class="space">
|
2018-03-12 21:25:55 +00:00
|
|
|
{% if instance.heading %}
|
2018-03-12 21:27:29 +00:00
|
|
|
<div class="{% if not instance.plain_heading %}split-title{% else %}split-title-plain{% endif %}">
|
2018-03-12 21:25:55 +00:00
|
|
|
<h2>{{ instance.heading }}</h2>
|
|
|
|
</div>
|
|
|
|
{% endif %}
|
|
|
|
{% if instance.content %}
|
|
|
|
<div class="split-description">
|
|
|
|
<div class="lead">
|
|
|
|
{{ instance.content }}
|
2018-03-12 21:04:39 +00:00
|
|
|
</div>
|
2018-03-12 21:25:55 +00:00
|
|
|
</div>
|
|
|
|
{% endif %}
|
2018-02-27 22:39:19 +00:00
|
|
|
</div>
|
2018-03-12 20:22:54 +00:00
|
|
|
{% endif %}
|
2018-02-27 22:39:19 +00:00
|
|
|
</div>
|
|
|
|
</div>
|