<div class="info-header social">
<ul class="sx-social-icons d-flex">
{% for item_social in social %}
{% if item_social.type == 1 %}
<li class="facebook"><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 class="twitter"><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 class="instagram"><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 class="linkedin"><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 class="youtube"><a href="{{item_social.url}}" class="social-item" title="{{item_social.titre}}" target="_blank"><i class="fa fa-youtube"></i></a></li>
{% elseif item_social.type == 6 %}
<li class="pinterest"><a href="{{item_social.url}}" class="social-item" title="{{item_social.titre}}" target="_blank"><i class="fa fa-pinterest"></i></a></li>
{% elseif item_social.type == 7 %}
<li class="tripadvisor"><a href="{{item_social.url}}" class="social-item" title="{{item_social.titre}}" target="_blank"><i class="fa fa-tripadvisor"></i></a></li>
{% elseif item_social.type == 8 %}
<li class="houzz"><a href="{{item_social.url}}" class="social-item" title="{{item_social.titre}}" target="_blank"><i class="fa fa-houzz"></i></a></li>
{% elseif item_social.type == 9 %}
<li class="snapchat"><a href="{{item_social.url}}" class="social-item" title="{{item_social.titre}}" target="_blank"><i class="fa fa-snapchat"></i></a></li>
{% elseif item_social.type == 10 %}
<li class="tiktok">
<a href="{{item_social.url}}" class="social-item" title="{{item_social.titre}}" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="16" fill="#ffffff" style="margin-top: 2px;">
<path d="M448 209.9a210.1 210.1 0 0 1 -122.8-39.3V349.4A162.6 162.6 0 1 1 185 188.3V278.2a74.6 74.6 0 1 0 52.2 71.2V0l88 0a121.2 121.2 0 0 0 1.9 22.2h0A122.2 122.2 0 0 0 381 102.4a121.4 121.4 0 0 0 67 20.1z"/>
</svg>
</a>
</li>
{% endif %}
{% endfor %}
</ul>
</div>