<section class="product-section product-jumbotron product-demo"
id="{{ moduleKey }}"
style="{{ module.backgroundImage is defined ? 'background-image: url(/uploads/productCmsFiles/' ~ module.backgroundImage ~ ')' : ''}}">
<div class="container">
{% if module.title is defined %}
<h2 class="product-section__title product-demo__title">{{ module.title }}</h2>
{% endif %}
<div class="row justify-content-center align-items-center">
<div class="col col-xs-12">
<div class="row">
<div class="product-demo__left col-md-5 col-xs-12">
{% if module.image is defined %}
<img class="product-demo__img" src="/uploads/productCmsFiles/{{ module.image }}" alt=""/>
{% endif %}
</div>
<div class="product-demo__right col-md-7 col-xs-12">
{% if module.points is defined %}
{% if module.descriptionTitle is defined %}
<p class="product-demo__subTitle">{{ module.descriptionTitle }}</p>
{% endif %}
<ul class="product-demo__list">
{% for point in module.points %}
{% if point.text is defined %}
<li class="product-demo__listLi">
{{ point.text }}
</li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
{% if module.file is defined %}
<a href="/uploads/productCmsFiles/{{ module.file }}"
class="button button--download button--white"
target="_blank"
>
{% if module.downloadButtonText is defined %}
{{ module.downloadButtonText }}
{% else %}
Pobierz
{% endif %}
</a>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</section>