<!-- Service Start -->
{% set select = pimcore_select('Number', {
width: 110,
reload: true,
store: [[1,1],[2,2],[3,3],[4,4],[5,5],[6,6],[7,7],[8,8],[9,9]],
class: 'align-middle'
}) %}
{% set count = select.getData() %}
{% if count is empty or count == 0 %}
{% set count = 1 %}
{% endif %}
{% if editmode %}
<div class="mb-3">
<span class="editmode-label align-middle">Number:</span>
{{ select|raw }}
</div>
{% endif %}
<div class="section {{editmode ? '' : 'service-section'}}">
<div class="container">
<div class="service-wrap">
<div class="row">
{% for i in 0..(count - 1) %}
<div class="col-lg-3 col-sm-6">
<!-- Service Item Start -->
<div class="service-item text-center">
<div class="shape-1"></div>
<div class="shape-2">
<img src="/assets/images/service/s-shape-2.png" alt="">
</div>
<div class="service-icon">
{{ pimcore_image("image" ~ i,{"thumbnail": "USP_image","title": "Drag your USP image here"}) }}
</div>
<div class="service-content">
<h3 class="title">
{% if editmode %}
{{ pimcore_link('link' ~ i) }}
{% else %}
{% set USP_Url = pimcore_link('link' ~ i) %}
<a href="{{ USP_Url.getHref() }}">{{ USP_Url.getText() | raw }}</a>
{% endif %}
</h3>
{{ pimcore_wysiwyg("content" ~ i) }}
{# <p> We provide the most responsive and functional IT design for companies and businesses worldwide.</p> #}
</div>
</div>
<!-- Service Item End -->
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<!-- Service End -->