{% if social is not empty and socialHeader %}
<div class="info-header social">
<ul class="sx-social-icons d-flex">
{% for item_social in social %}
{% if item_social.type == 1 %}
<li><a href={{item_social.url}} class="social-item" title={{item_social.titre}} target="_blank"><i class="fa fa-facebook"></i></a></li>
{% elseif item_social.type == 2 %}
<li><a href={{item_social.url}} class="social-item" title={{item_social.titre}} target="_blank"><i class="fa fa-twitter"></i></a></li>
{% elseif item_social.type == 3 %}
<li><a href={{item_social.url}} class="social-item" title={{item_social.titre}} target="_blank"><i class="fa fa-instagram"></i></a></li>
{% elseif item_social.type == 4 %}
<li><a href={{item_social.url}} class="social-item" title={{item_social.titre}} target="_blank"><i class="fa fa-linkedin"></i></a></li>
{% elseif item_social.type == 5 %}
<li><a href={{item_social.url}} class="social-item" title={{item_social.titre}} target="_blank"><i class="fa fa-youtube"></i></a></li>
{% endif %}
{% endfor %}
</ul>
</div>
{% endif %}