templates/partials/_footer.html.twig line 1

Open in your IDE?
  1. <footer class="mt-auto bg-dark-purple">
  2.   <div class="f-line-1 py-4 mt-4">
  3.     <div class="container">
  4.       <div class="row">
  5.         <div class="col-lg-3 col-md-6 mb-4">
  6.           <div class="mb-3">
  7.             <a class="d-flex" href="/">
  8.               <img src="{{ asset('assets/images/logo-white.svg') }}" class="float-left mw-100" alt="Estiam France">
  9.             </a>
  10.           </div>
  11.           <p class="font-weight-bold">{% trans %}École supérieure des technologies de l'information appliquées aux métiers{% endtrans %}</p>
  12.           <div class="mb-2">
  13.             <a class="text-center contact-btn text-capitalize rounded d-flex align-items-center justify-content-center" href="{{path("contact_page")}}"><i class="fas fa-envelope mr-2 text-white"></i>contact</a>
  14.           </div>
  15.         </div>
  16.         <div class="col-lg-3 col-md-6 mb-3">
  17.           <div class="pl-lg-2">
  18.             <div class="f-title mb-3"><span class="text-orange">/</span> {% trans %}NOTRE VISION{% endtrans %}</div>
  19.             <ul class="pl-4 mb-0">
  20.               <li><a href="{{ path('pedagogie') }}">{% trans %}Notre pédagogie{% endtrans %}</a></li>
  21.               <li><a href="{{ path('cursus') }}">{% trans %}Cursus & spécialisations{% endtrans %}</a></li>
  22.               <li><a href="{{ path('job_board.index') }}">{% trans %}Offres d’emploi stage & alternance{% endtrans %}</a></li>
  23.               <li><a href="{{path('faq')}}">{% trans %}Foire aux questions{% endtrans %}</a></li>
  24.               <li><a href="{{path('news.index')}}">{% trans %}Actualités{% endtrans %}</a></li>
  25.               <li><a href="{{path("recruitmemt.index")}}">{% trans %}Carrière chez ÉSTIAM{% endtrans %}</a></li>
  26.             </ul>
  27.           </div>
  28.         </div>
  29.         <div class="col-lg-3 col-md-6 mb-3">
  30.           <div class="pl-lg-2">
  31.             <div class="f-title mb-3"><span class="text-orange">/</span> {% trans %}LES PROGRAMMES{% endtrans %}</div>
  32.             <ul class="pl-4 mb-0">
  33.               <li><a href="{{path('level', { level: 'bts' })}}">BTS</a></li>
  34.               <li><a href="{{path('level', { level: 'bachelor' })}}">Bac +3</a></li>
  35.               <li><a href="{{path('level', { level: 'mba' })}}">Bac +5</a></li>
  36.             </ul>
  37.           </div>
  38.         </div>
  39.         <div class="col-lg-3 col-md-6">
  40.           <div class="pl-lg-2">
  41.             <div class="f-title mb-3"><span class="text-orange">/</span> {% trans %}RESTONS CONNECTÉS{% endtrans %}</div>
  42.             <div class="f-social">
  43.               <a class="mr-4" href="https://www.facebook.com/estiameducation/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
  44.               <a class="mr-4" href="https://twitter.com/estiamofficiel" target="_blank">
  45.                 {# <i class="fa-brands fa-twitter"></i> #}
  46.                 <svg viewBox="0 0 24 24" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
  47.                   <g>
  48.                     <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>
  49.                   </g>
  50.                 </svg>
  51.               </a>
  52.               <a class="mr-4" href="https://www.instagram.com/estiamofficiel/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
  53.               <a class="mr-4" href="https://www.linkedin.com/school/estiam/" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
  54.               <a class="mr-0" href="https://www.youtube.com/channel/UC6TdoKYG0VjhV2GRP6wTBrQ" target="_blank"><i class="fa-brands fa-youtube"></i></i></a>
  55.             </div>
  56.             <div class="d-flex mt-4 justify-content-center">
  57.               <div class="d-flex align-items-center pr-2">
  58.                 <a href="{{ asset('assets/files/Certificat_Qualiopi_ESTIAM_2407_CN_04826_2.pdf') }}" target="_blank">
  59.                   <img class="bg-white f-logo" src="{{ asset('assets/images/footer/qualiopi_new1.png') }}" alt="Qualiopi">
  60.                 </a>
  61.               </div>
  62.               <div class="d-flex align-items-center pl-2">
  63.                 <a href="{{path("satisfaction_etudiants")}}">
  64.                   <img src="{{ asset('assets/images/footer/aeschool.png') }}?v=1" class="mw-100" alt="Aeschool">
  65.                 </a>
  66.               </div>
  67.             </div>
  68.           </div>
  69.         </div>
  70.       </div>
  71.     </div>
  72.   </div>
  73.   <div class="f-line-2 py-2">
  74.     <div class="container">
  75.       <div class="row justify-content-md-center text-white">
  76.         <div class="col-md-6 text-lg-left text-center mb-md-0 mb-2">
  77.          {% trans %}Copyright 2023 - ÉSTIAM - Tous droits réservés{% endtrans %}
  78.         </div>
  79.         <div class="col-md-6 text-lg-right text-center">
  80.           <a class="text-white {{ (app.request.get('_route') == 'cga' 
  81.                                   or app.request.get('_route') == 'cgi' 
  82.                                   or app.request.get('_route') == 'cgv' 
  83.                                   or app.request.get('_route') == 'reglement_interieur' 
  84.                                   or app.request.get('_route') == 'charte_utilisation') ? 'active' : '' }}" href="{{ path('cga') }}">{% trans %}Textes règlementaires{% endtrans %}</a>
  85.           <a class="d-inline-block mx-lg-5 mx-4 text-white {{ app.request.get('_route') == 'reglement_etudes' ? 'active' : '' }}" href="{{ path('reglement_etudes') }}">{% trans %}Règlement des études{% endtrans %}</a>
  86.           <a class="text-white {{ app.request.get('_route') == 'mentions_legales' ? 'active' : '' }}" href="{{ path('mentions_legales') }}">{% trans %}Mentions légales{% endtrans %}</a>
  87.         </div>
  88.       </div>
  89.     </div>
  90.   </div>
  91. </footer>
  93. {% if app.user is null %}
  94. <div class="icon-menu-right" data-aos='fade-in'></div>
  95. <div class="menu-droit">
  96.   <div class="menu-droit__item">
  97.     <a href="{{ path('profile.step1') }}">
  98.       <div class="menu-droit__icon">
  99.         <i class="fa-solid fa-users"></i>
  100.       </div>
  101.       <span class="control">{% trans %}Candidature en ligne{% endtrans %}</span>
  102.     </a>
  103.   </div>
  104.   {# <div class="menu-droit__item {{ app.request.get('_route') == 'prise' ? 'active' : '' }}">
  105.     <a href="{{path("prise")}}">
  106.       <div class="menu-droit__icon">
  107.         <i class="fa-solid fa-calendar-week"></i>
  108.       </div>
  109.       <span class="control">{% trans %}Prise de rendez-vous{% endtrans %}</span>
  110.     </a>
  111.   </div> #}
  112.   <div class="menu-droit__item {{ app.request.get('_route') == 'demande' ? 'active' : '' }}">
  113.     <a href="{{path("demande")}}">
  114.       <div class="menu-droit__icon">
  115.         <i class="fa-solid fa-file-lines"></i>
  116.       </div>
  117.       <span class="control">{% trans %}Demande de documentation{% endtrans %}</span>
  118.     </a>
  119.   </div>
  120.   <div class="menu-droit__item">
  121.     <a href="{{path("open_day")}}">
  122.       <div class="menu-droit__icon">
  123.         <img src="{{ asset('assets/images/icons/icon-meeting.svg') }}" alt=""/>
  124.       </div>
  125.       <span class="control">{% trans %}Nous rencontrer{% endtrans %}</span>
  126.     </a>
  127.   </div>
  128.   <div class="btn-close-off-canvas" style="display: none;"></div>
  129. </div>
  130. {% endif %}
  132. <div class="scroll-top">
  133.     <div class="scroll-top__inner" data-aos="zoom-in">
  134.         <i class="far fa-chevron-up"></i>
  135.     </div>
  136. </div>
  137. <style type="text/css">
  138.     .cookie-consent-banner {
  139.       position: fixed;
  140.       bottom: 0;
  141.       left: 0;
  142.       z-index: 2147483645;
  143.       box-sizing: border-box;
  144.       width: 100%;
  145.       background-color: #ede6f1;
  146.     }
  148.     .cookie-consent-banner__inner {     
  149.       padding: 15px 0px;
  150.     }
  152.     .cookie-consent-banner__copy { 
  153.       margin-bottom: 10px;
  154.     }
  156.     .cookie-consent-banner__actions {    
  157.     }
  159.     @media (max-width: 800px) {
  160.       .cookie-consent-banner__actions {
  161.         text-align: center;
  162.       }
  163.     }
  165.     @media (max-width: 767px) {
  166.         section .sub-title {
  167.             font-size: 1rem;
  168.         }
  169.     }
  171.     .cookie-consent-banner__header {
  172.       margin-bottom: 8px;
  173.       font-weight: normal;
  174.       font-size: 16px;
  175.       line-height: 24px;
  176.     }
  178.     .cookie-consent-banner__description {
  179.       font-weight: normal;
  180.       color: #000;
  181.       font-size: 16px;
  182.       line-height: 24px;
  183.     }
  185.     .cookie-consent-banner__cta {
  186.       box-sizing: border-box;
  187.       display: inline-block;
  188.       min-width: 164px;
  189.       padding: 11px 13px;
  190.       border-radius: 2px;
  191.       background-color:#63c;
  192.       color: #FFF;
  193.       text-decoration: none;
  194.       text-align: center;
  195.       font-weight: normal;
  196.       font-size: 16px;
  197.       line-height: 20px;
  198.     }
  200.     @media (max-width: 380px) {
  201.       .cookie-consent-banner__cta {
  202.         min-width: auto;
  203.       }
  204.     }
  206.     .cookie-consent-banner__cta--secondary { 
  207.       padding: 9px 13px;
  208.       border: 2px solid #63c;
  209.       background-color: transparent;
  210.       color: #63c;
  211.     }
  213.     .cookie-consent-banner__cta:hover {
  214.       background-color: #f03;
  215.       color: #fff;
  216.     }
  218.     .cookie-consent-banner__cta--secondary:hover {
  219.       border-color: #f03;
  220.       background-color: #fff;
  221.       color: #f03;
  222.     }
  224.     .cookie-consent-banner__cta:last-child {
  225.       margin-left: 16px;
  226.     }
  227. </style>
  228. <div class="cookie-consent-banner" data-aos='fade-up' style="display: none;">
  229.   <div class="container">
  230.     <div class="row">
  231.       <div class="col-12">
  232.         <div class="cookie-consent-banner__inner">
  233.           <div class="cookie-consent-banner__copy">
  234.             <div class="cookie-consent-banner__description">{% trans %}En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour le fonctionnement des boutons de partage sur les réseaux sociaux et la mesure d'audience des pages du site.{% endtrans %}</div>
  235.           </div>
  237.           <div class="cookie-consent-banner__actions">
  238.             <a href="javascript:void(0)" class="cookie-consent-banner__cta cookie-action" data-action="accept">
  239.               {% trans %}ACCEPTER{% endtrans %}
  240.             </a>
  241.             
  242.             <a href="javascript:void(0)" class="cookie-consent-banner__cta cookie-consent-banner__cta--secondary cookie-action" data-action="refuse">
  243.               {% trans %}REFUSER{% endtrans %}
  244.             </a>
  245.           </div>
  246.         </div>
  247.       </div>
  248.     </div>
  249.   </div>
  250. </div>