<div class="col col col-12 col-md-4">
    <h3 class="text-uppercase text-bold">{{ footer_title }}</h3>
    {{ footer_text }}
    {% if social_media is not empty %}
        <div class="site-footer__icons">
            {% for item in social_media %}
                <a href="{{item.url}}">
                    <svg><use href="{{ site.theme.link }}/frontend/img/{{item.icon}}"></use></svg>
                </a>
            {% endfor %}
        </div>
    {% endif %}
</div>