<div class="module module-social module-{{ module.id }} {{ module.customClass }}">
    {% if module.params.title is not empty and module.params.title_tag is not empty %}
        <{{ module.params.title_tag }} class="module-title">
            {{ module.params.title }}
        </{{ module.params.title_tag }}>
    {% endif %}
    <ul class="no-style social-networks">
        {% if module.params.facebook %}
        <li>
            <a href="{{ module.params.facebook }}" target="_blank" title="{{ 'sentence.module.social.link.title'|trans({'%name%': 'Facebook'}, 'sentence') }}" class="bubble facebook">
                <i class="icon-cgenial icon-facebook"></i>
            </a>
        </li>
        {% endif %}

        {% if module.params.twitter %}
        <li>
            <a href="{{ module.params.twitter }}" target="_blank" title="{{ 'sentence.module.social.link.title'|trans({'%name%': 'Twitter'}, 'sentence') }}" class="bubble twitter">
                <i class="icon-cgenial icon-twitter"></i>
            </a>
        </li>
        {% endif %}

        {% if module.params.linkedin %}
        <li>
            <a href="{{ module.params.linkedin }}" target="_blank" title="{{ 'sentence.module.social.link.title'|trans({'%name%': 'LinkedIn'}, 'sentence') }}" class="bubble linkedin">
                <i class="icon-cgenial icon-linkedin"></i>
            </a>
        </li>
        {% endif %}

        {% if module.params.youtube %}
        <li>
            <a href="{{ module.params.youtube }}" target="_blank" title="{{ 'sentence.module.social.link.title'|trans({'%name%': 'YouTube'}, 'sentence') }}" class="bubble youtube">
                    <i class="icon-cgenial icon-youtube"></i>
            </a>
        </li>
        {% endif %}

        {% if module.params.flickr %}
        <li>
            <a href="{{ module.params.flickr }}" target="_blank" title="{{ 'sentence.module.social.link.title'|trans({'%name%': 'Flickr'}, 'sentence') }}" class="bubble flickr">
                <i class="icon-cgenial icon-flickr-color">
                    <span class="path1"></span><span class="path2"></span>
                </i>
            </a>
        </li>
        {% endif %}

        {% if module.params.instagram is defined %}
        <li>
            <a href="{{ module.params.instagram }}" target="_blank" title="{{ 'sentence.module.social.link.title'|trans({'%name%': 'Instagram'}, 'sentence') }}" class="bubble instagram">
                <i class="icon-cgenial icon-instagram"></i>
            </a>
        </li>
        {% endif %}
    </ul>
</div>