<div class="item-top 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>
{% endif %}
{% endfor %}
</ul>
</div>