{%- for service in services %}
<div class="col-12 col-md-6 p-3">
    <div class="card service flat">
        <a class="link" href="/{{locale}}/services{% if service.beta != true %}/{{service.id}}{% endif %}"></a>
        <div class="inner" href="/{{locale}}/services{% if service.beta != true %}/{{service.id}}{% endif %}">
            {% if service.beta == true %}
            <div class="beta">TEST-PHASE</div>
            {% endif %}
            {% if service.si %}
            <i class="si si-{{service.si}} fa-2x"></i>
            {% else %}
            <i class="{{service.icon}} fa-fw fa-2x"></i>
            {% endif %}
            <h2 class="mt-2">{{service.name}}{% if service.url %} <a href="{{service.url}}" target="_blank"><i
                    class="fas fa-external-link-alt"></i></a>{% endif %}</h2>
        </div>
    </div>
</div>
{%- endfor %}