<footer class="mt-auto bg-dark-purple" data-aos="fade-up" data-aos-offset="0">
<div class="f-line-1 py-4 mt-4">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-8">
<div class="pl-lg-2">
<div class="f-title mb-3 d-inline-block"><span class="text-orange">/</span> {% trans %}LES PROGRAMMES{% endtrans %}</div>
<div class="separate-two-lang">
{% for campus in campuses %}
<div><a href="{{ path('campus_detail', { slug : campus.slug }) }}">{{ campus.name }}</a></div>
{% endfor %}
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 mt-lg-4 mt-5">
<div class="pl-lg-2">
<div class="f-title mb-3 d-lg-block d-inline-block"><span class="text-orange">/</span> {% trans %}CONTACT US{% endtrans %}</div>
<div class="text-center"><a class="text-center link-btn link-gradient text-capitalize font-weight-normal rounded d-lg-flex d-inline-flex align-items-center justify-content-center" href="{{path("contact_page")}}"><i class="fas fa-envelope mr-2 text-white"></i>contact</a></div>
<div class="f-title mt-lg-4 mt-5 mb-3 d-lg-block d-inline-block"><span class="text-orange">/</span> {% trans %}LET'S STAY TUNED{% endtrans %}</div>
<div class="f-social">
<a class="mr-4" href="https://www.facebook.com/estiameducation/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
<a class="mr-4" href="https://twitter.com/estiamofficiel" target="_blank">
<svg viewBox="0 0 24 24" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
<g>
<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" fill='#fff'></path>
</g>
</svg>
</a>
<a class="mr-4" href="https://www.instagram.com/estiamofficiel/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
<a class="mr-4" href="https://www.linkedin.com/school/estiam/" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
<a class="mr-0" href="https://www.youtube.com/channel/UC6TdoKYG0VjhV2GRP6wTBrQ" target="_blank"><i class="fa-brands fa-youtube"></i></i></a>
</div>
</div>
</div>
<div class="col-12 mt-lg-4 mt-5">
<div class="pl-lg-2">
<div class="f-title mb-4 d-inline-block"><span class="text-orange">/</span> {% trans %}ACADEMIC PARTNERS{% endtrans %}</div>
<div class="d-flex flex-wrap justify-content-around align-items-center">
<div class="mx-2 mb-3"><img src="{{ asset('assets/images/lang/MS-Imagine-Academy.png') }}" width="130" alt="Image" loading="lazy"></div>
<div class="mx-2 mb-3"><img src="{{ asset('assets/images/lang/Cisco-Netacad.png') }}" width="130" alt="Image" loading="lazy"></div>
<div class="mx-2 mb-3"><img src="{{ asset('assets/images/lang/SAP-University-Alliances.png') }}" width="130" alt="Image" loading="lazy"></div>
<div class="mx-2 mb-3"><img src="{{ asset('assets/images/lang/Oracle-Academy.png') }}" width="130" alt="Image" loading="lazy"></div>
<div class="mx-2 mb-3"><img src="{{ asset('assets/images/lang/AWS-academy.png') }}" width="130" alt="Image" loading="lazy"></div>
<div class="mx-2 mb-3"><img src="{{ asset('assets/images/lang/Tableau.png') }}" width="130" alt="Tableau logo" loading="lazy"></div>
<div class="mx-2 mb-3"><img src="{{ asset('assets/images/lang/RedHat-Academy.png') }}" width="130" alt="Image" loading="lazy"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
{% if app.user is null %}
<div class="icon-menu-right" data-aos='fade-in'></div>
<div class="menu-droit">
<div class="menu-droit__item">
<a href="{{ path('profile.step1') }}">
<div class="menu-droit__icon">
<i class="fa-solid fa-users"></i>
</div>
<span class="control">{% trans %}Candidature en ligne{% endtrans %}</span>
</a>
</div>
{# <div class="menu-droit__item {{ app.request.get('_route') == 'prise' ? 'active' : '' }}">
<a href="{{path("prise")}}">
<div class="menu-droit__icon">
<i class="fa-solid fa-calendar-week"></i>
</div>
<span class="control">{% trans %}Prise de rendez-vous{% endtrans %}</span>
</a>
</div> #}
<div class="menu-droit__item {{ app.request.get('_route') == 'demande' ? 'active' : '' }}">
<a href="{{path("demande")}}">
<div class="menu-droit__icon">
<i class="fa-solid fa-file-lines"></i>
</div>
<span class="control">{% trans %}Demande de documentation{% endtrans %}</span>
</a>
</div>
<div class="btn-close-off-canvas" style="display: none;"></div>
</div>
{% endif %}
<div class="scroll-top">
<div class="scroll-top__inner" data-aos="zoom-in">
<i class="far fa-chevron-up"></i>
</div>
</div>