<footer class="page-footer">
    <div class="container">
        <div class="row footer-info">
            <div class="col xl2 l2 m6 s12 col-footer-logo">
                <img src="{{ asset('/img/logo-mini-white.svg') }}" alt="Talents Tube 1er job board 100% vidéo">
            </div>
            <div class="col xl3 l3 m6 s6">
                <h5 class="white-text">Talents Tube</h5>
                <ul>
                    <li>
                        <a class="white-text" href="{{ path('homepage') }}">Accueil</a>
                    </li>
                    <li>
                        <a class="white-text" href="{{ path('ad_search_result') }}" title="Offres d'emploi vidéos">Nos offres d'emploi</a>
                    </li>
                    <li>
                        <a class="white-text" href="{{ path('company_list') }}" title="Listes entreprises">Nos entreprises</a>
                    </li>
                    <li>
                        <a class="white-text" href="{{ path('territory_list') }}" title="Listes des territoires">Nos territoires</a>
                    </li>
                    <li>
                        <a class="white-text" href="https://blog.talentstube.com/contact.html" title="Talents Tube ">Contact</a>
                    </li>
                </ul>
            </div>
            <div class="col xl4 l4 m6 s6">
                <h5 class="white-text">Informations</h5>
                <ul>
                    <li>
                        <a class="white-text" href="{{ path('service_legals') }}">Mentions légales</a>
                    </li>
                    <li>
                        <a class="white-text" href="{{ path('service_cgu') }}">Conditions générales d'utilisation</a>
                    </li>
                    <li>
                        <a class="white-text" href="{{ path('page_Confidentialite') }}">Politique de confidentialité et protection des données</a>
                    </li>
                </ul>
            </div>
            <div class="col xl3 l3 m6 s12 left-align">
                <h5 class="white-text">Suivez-nous !</h5>
                <p class="footer-socials">
                    <a class="white-text td-none" href="https://www.facebook.com/TalentsTuber/" title="Facebook" target="_blank">
                        <i class="fa fa-facebook" aria-hidden="true"></i>
                    </a>
                    <a class="white-text td-none" href="https://twitter.com/TalentsTuber" title="Twitter" target="_blank">
                        <i class="fa fa-twitter" aria-hidden="true"></i>
                    </a>
                    <a class="white-text td-none" href="https://www.youtube.com/channel/UCRNqiJCLAorO0aCzNQu-8ww" title="Youtube" target="_blank">
                        <i class="fa fa-youtube" aria-hidden="true"></i>
                    </a>
                    <a class="white-text td-none" href="https://www.linkedin.com/company/talentstube" title="Linkedin" target="_blank">
                        <i class="fa fa-linkedin-square" aria-hidden="true"></i>
                    </a>
                </p>
                <h5 class="white-text">Contactez-nous !</h5>
                <a class="white-text" href="mailto:&#098;&#111;&#110;&#106;&#111;&#117;&#114;&#064;&#116;&#097;&#108;&#101;&#110;&#116;&#115;&#116;&#117;&#098;&#101;&#046;&#099;&#111;&#109;">Par mail</a>
                <p class="white-text">02 30 05 06 31</p>
                <p class="footer-newsletter">
                    <a class="btn-large btn-round" href="#" title="Newsletter" data-token="ecea5416671e97e3abfa8195848a9140" onclick="mjOpenPopin(event, this)">
                        <i class="fa fa-envelope-open-o left" aria-hidden="true"></i>
                        Newsletter</a>
                    <data data-token="ecea5416671e97e3abfa8195848a9140" class="mj-w-data" data-apikey="2jWA" data-w-id="31E" data-lang="fr_FR" data-base="https://app.mailjet.com" data-width="640" data-height="420" data-statics="statics"></data>
                </p>
            </div>
        </div>
        <div class="row footer-more-links">
            <div class="col s12 center-align">
                <p class="text-center white-text">Entreprise soutenue par</p>
                <a href="https://www.bretagne.bzh/"><img src="{{ asset('img/RB_monochrome_blanc.svg')}}" alt="Region Bretagne"></a><br>
            </div>
            <div class="col s12 center-align m-t-30">
                <a class="text-center white-text" href="https://www.e-declic.com" target="_blank" title="Agence Web">&copy;&nbsp;2018 Talents Tube</a>
            </div>
        </div>
    </div>
</footer>
{# Modal Login#}
{% if app.request.get('_route') != "fos_user_security_login" %}
    <div id="modal_login" class="modal ">
        <div class="modal-content">
            {{ render(controller('AppBundle:SecurityModal:loginModal')) }}
        </div>
    </div>
{% endif %}