templates/Accueil/footer.html.twig line 1

Open in your IDE?
  1. {#
  2. /*
  3.  * Autheur:Chkioua Maha
  4.  * Email:chkiouamaha@gmail.com
  5.  * Date de création :13/12/2019
  6.  * Date de modification: 02/04/2020 par Wattas Amani
  7.  * Description:Footer Layout accueil
  8.  *
  9. */#}
  10. <!-- footer start -->
  13.   <footer class=" text-center text-lg-start text-white footerWeb" style="background:#41a2aa;margin-top:3%;z-index:11111">
  14.     <!-- Grid container -->
  15.     <div class=" p-4">
  16.       <!--Grid row-->
  17.       <div class="row my-4">
  18.         <!--Grid column-->
  19.         <div class="col-lg-3 col-md-6 mb-4 mb-md-0">
  21.           <div class="rounded-circle bg-white shadow-1-strong d-flex align-items-center justify-content-center mb-4 mx-auto" style="width: 150px; height: 150px;">
  22.             <img  src="{{ asset ('Accueil/imagesAccueil/logoHeader.svg')}}" height="50" alt=""
  23.                  loading="lazy" />
  24.           </div>
  26.           <p class="text-center text-white">Nous partageons les aventures et imprimons les souvenirs !"</p>
  28.           <ul class="list-unstyled d-flex flex-row justify-content-center">
  29.             <li>
  30.               <a class="text-white px-2" href="#!">
  31.              <i class="bi bi-instagram"></i> 
  32.               </a>
  33.             </li>
  34.             <li>
  35.               <a class="text-white px-2" href="#!">
  36.               <i class="bi bi-facebook"></i>
  37.               </a>
  38.             </li>
  39.             <li>
  40.               <a class="text-white ps-2" href="#!">
  41.               <i class="bi bi-linkedin"></i>
  42.               </a>
  43.             </li>
  44.           </ul>
  45.  
  46.         </div>
  47.         <!--Grid column-->
  49.         <!--Grid column-->
  50.         <div class="col-lg-3 col-md-6 mb-4 mb-md-0">
  51.           <h5 class="text-uppercase mb-4 text-white">À propos</h5>
  53.           <ul class="list-unstyled">
  54.           
  55.             <li class="mb-2">
  56.               <a href = "{{path('produits5sur5')}}"   class="text-white"  >Nos produits</a>
  57.             </li>
  58.             <li class="mb-2">
  59.               <a  onclick='location.href = "{{path('mentionlegale')}}";' class="text-white" >Mentions légales</a>
  60.             </li>
  61.             <li class="mb-2">
  62.               <a href = "{{path('Conditongeneral')}}" class="text-white" >Conditions générales </a>
  63.             </li>
  64.             <li class="mb-2" >
  65.               <a href = "{{path('Politique_Parent')}}" class="text-white" >Confidentialité</a>
  66.             </li>
  67.            
  68.           </ul>
  69.         </div>
  70.         <!--Grid column-->
  72.         <!--Grid column-->
  73.         <div class="col-lg-3 col-md-6 mb-4 mb-md-0">
  74.           <h5 class="text-uppercase mb-4 text-white">Service client</h5>
  76.           <ul class="list-unstyled">
  77.          
  78.              <li class="mb-2"   >
  79.               <a  href = "{{path('ServiceClient_Parent')}}" class="text-white">Besoin d'aide</a>
  80.             </li>
  81.             <li class="mb-2"  >
  82.               <a href = "{{path('Commande_groupee')}}" class="text-white" >Commandes groupées</a>
  83.             </li>
  84.              <li class="mb-2" style="display:none">
  85.               <a  href = "{{path('nosPartenaires')}}"     class="text-white">Partenariats</a>
  86.             </li>
  87.              
  88.               <li class="mb-2" >
  89.               <a href = "{{path('Besoindaide_Parent')}}"  class="text-white">FAQ</a>
  90.             </li>
  91.            
  92.           </ul>
  93.         </div>
  94.         <!--Grid column-->
  96.         <!--Grid column-->
  97.         <div class="col-lg-3 col-md-6 mb-4 mb-md-0">
  98.           <h5 class="text-uppercase mb-4 text-white">Contact</h5>
  100.           <ul class="list-unstyled text-white">
  101.             <li class="mb-2">
  102.               <a class="text-white">Trust Conseils 199 Avenue Francis de Pressensé 69200 Vénissieux</a>
  103.             </li>
  104.             <li class="mb-2">
  105.               <a class="text-white">05 36 28 29 30</a>
  106.             </li>
  107.             <li class="mb-2">
  108.               <a class="text-white">contact@5sur5sejour.com</a>
  109.             </li>
  110.           </ul>
  111.            <div class="" style="text-align:center;font-size:15px;color:white">
  112.                                         <h3 class="titreProduit titrePayemet">Paiement sécurisé </h3>
  113.                                         <img class="payement" src="/images/SVG/Optionde paiement.svg">
  114.                                     </div>
  115.         </div>
  116.         <!--Grid column-->
  117.        
  118.       </div>
  119.       <!--Grid row-->
  120.     </div>
  121.     <!-- Grid container -->
  123.     <!-- Copyright -->
  124.     <div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2)">
  125.       © 2025 Copyright:
  126.       <a class="text-white" href="https://mdbootstrap.com/">Trust Conseils</a>
  127.     </div>
  128.     <!-- Copyright -->
  129.   </footer>
  131. <div class="row no-margin rowFooter" style="display:none">
  133.     <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 no-padding SeparateurLeftAccom separteurfooter  "></div>
  134.    
  135. <!-- footer Mobile pages generales start -->
  136.    {% if app.user %}
  137.  <div class="flex-row menuBasMobileGene fixed-bottom no-padding " style="background-color:#41A2AA;">
  138.      <ul class="navbar-nav flex-row d-md-flex" style="align-items: center" >
  139.         <li  class="list-inline-item me-3 liMenuMobile  me-lg-1" id="esphoto" data-toggle="collapse" data-target="#list-tab-photo" onclick='$("#list-tab-photo").removeClass("show"); afficheDiv($(this));'>
  140.                                            
  141.                                                 <a >
  142.                                                     <i id="homeNavmob" class="bi bi-house-door-fill" style="font-size:27px" ></i>
  143.                                                     <h3 class="textMenuBas" style="color:white"> Accueil</h3>
  144.                                                 </a>
  145.                                                         
  146.                                         </li>
  147.         <li  class="list-inline-item  liMenuMobile "  id='esmessage'   data-toggle="collapse" data-target="#list-tab-message" onclick='$("#list-tab-message").removeClass("show"); afficheDiv($(this));'>
  148.                                             
  149.                                                 <a>
  150.                                                     <i id="micromob" class="bi bi-mic" style="font-size:27px"  ></i>
  151.                                                     <h3 class="textMenuBas" style="color:white"> Boite vocale</h3>
  152.                                               
  153.                                                 </a>
  154.                                             
  155.                                                       
  156.                                         </li>
  157.         <li   class="list-inline-item liMenuMobile " id='esselection' onclick='afficheDiv($(this));' >
  158.                                            
  159.                                                 <a onclick='location.href = "{{ path('maSelection') }}"'>
  160.                                                     <i class="bi bi-bookmarks" id="selecNavmob" style="font-size:27px"></i>
  161.                                                     <h3 class="textMenuBas" style="color:white;font-size:15px">Créer album </h3>
  162.                                                 </a>
  163.                                                        
  164.                                         </li> 
  165.        <li style="cursor:pointer;color:white" class="list-inline-item  liMenuMobile"  >
  166.                                             
  167.                                                 <a  style="cursor:pointer;color:white"      {% if   app.session.get("Sejour")!="" %}href="{{path('AccueilParent')}}"{% else %} href="{{path('SejourParent')}}" {% endif %} >
  168.                                                     <i class="bi bi-shop" style="font-size:27px"></i>
  169.                                                     <h3 class="textMenuBas"> Boutique 5/5 </h3>
  170.                                                 </a>
  171.                                                        
  172.                                         </li> 
  173.     </ul>
  174.                  
  175.             </div>  {#fin footer utilisateur connectee#}
  176.  {% else %}
  177.     <div class="col-lg-11 col-xl-11 col-md-11 col-sm-11 col-xs-11 no-padding DivFooter">
  178.         <div class="col-lg-6 col-xl-6 col-md-6 col-sm-6 col-xs-6 no-padding ContenuFooter">
  179.             <div class="col-lg-2 col-md-2  col-xl-2 col-sm-2 col-xs-2 no-padding divlogoFooter">
  180.                 <img src="{{'/images/Accompagnateur/LogoFooter.svg'}}" class="logoFooter"/> 
  181.             </div>
  182.             <div class='row no-margin col-lg-3  col-xl-3 col-md-4 col-sm-4 col-xs-4 no-padding log'>
  183.                 <h4 style="background-image:url('{{'/images/Accompagnateur/IconeSejour.svg'}}');" class="titleFooter titleparent " onclick='location.href = "{{path('app_back_Parent')}}";'>Espace Parent(s)</h4>
  184.             </div>
  185.             <div class='row no-margin col-lg-3 col-xl-3 col-md-4 col-sm-4 col-xs-4 no-padding log'>
  186.                  <h4 style="background-image:url('{{'/images/Accompagnateur/LogoEspaceAccom.svg'}}');" class="titleFooter titleaccom" onclick='location.href = "{{path('app_back_Acommpa')}}";'>Espace accompagnateur</h4>
  187.             </div>
  188.             <div class='row no-margin col-lg-3  col-xl-3 col-md-4 col-sm-4 col-xs-4 no-padding log'>
  189.                <h4 style="background-image:url('{{'/images/Accompagnateur/GlobeFooter.svg'}}');" class="titleFooter titlepartenaire" onclick='location.href = "{{path('app_login_back_Partenaire')}}";'>Espace partenaire</h4>
  190.             </div>
  191.         </div>
  192.         <div class="col-lg-6 col-xl-6  col-md-6 col-sm-6 col-xs-6 no-padding ContenuFooter1">
  193.             <div class='row no-margin col-lg-2 col-xl-2  col-md-2 col-sm-2 col-xs-2 no-padding log1'>
  194.                 {% if not (app.user) %}
  195.                 <h4 class="titleFooter titleconf" onclick='location.href = "{{path('mentionlegale')}}";'> Mentions légales </h4>
  196.        {% else %}
  197.        {% if  app.user.roles[0]=="ROLE_ACC" %}
  198.                 <h4 class="titleFooter titleconf" onclick='location.href = "{{path('Mentionlegale_Accompa')}}";'> Mentions légales </h4>
  199.        {% elseif  app.user.roles[0]=="ROLE_PARTENAIRE" %}
  200.                 <h4 class="titleFooter titleconf" onclick='location.href = "{{path('Mentionlegale_Partenaire')}}";'> Mentions légales </h4>
  201.        {% elseif  app.user.roles[0]=="ROLE_PARENT" %}
  202.                 <h4 class="titleFooter titleconf" onclick='location.href = "{{path('Mentionlegale_Parent')}}";'> Mentions légales </h4>
  203.        {% endif %}
  204.        {% endif %}
  205.             </div>
  206.             <div class='row no-margin col-lg-4 col-md-4 col-xl-4 col-sm-4 col-xs-4 no-padding log1'>
  207.                 {% if not (app.user) %}
  208.                 <h4 class="titleFooter titlepolitic" onclick='location.href = "{{path('Politique')}}";'>  Charte des données personnelles <br> et d’usage des cookies</h4>
  209.        {% else %}
  210.        {% if  app.user.roles[0]=="ROLE_ACC" %}
  211.                 <h4 class="titleFooter titlepolitic" onclick='location.href = "{{path('Politique_Accompa')}}";'> Charte des données personnelles <br> et d’usage des cookies</h4>
  212.        {% elseif  app.user.roles[0]=="ROLE_PARTENAIRE" %}
  213.                 <h4 class="titleFooter titlepolitic" onclick='location.href = "{{path('Politique_Partenaire')}}";'> Charte des données personnelles <br> et d’usage des cookies</h4>
  214.        {% elseif  app.user.roles[0]=="ROLE_PARENT" %}
  215.                 <h4 class="titleFooter titlepolitic" onclick='location.href = "{{path('Politique_Parent')}}";'> Charte des données personnelles <br> et d’usage des cookies</h4>
  216.        {% endif %}
  217.        {% endif %}
  218.             </div>
  219.             <div class='row no-margin col-lg-3 col-md-2 col-xl-3 col-sm-2 col-xs-2 no-padding log1'>
  220.                 {% if not (app.user) %}
  221.                 <h4 class="titleFooter titlecond" onclick='location.href = "{{path('Conditongeneral')}}";'>Conditions générales</h4>
  222.        {% else %}
  223.        {% if  app.user.roles[0]=="ROLE_ACC" %}
  224.                 <h4 class="titleFooter titlecond" onclick='location.href = "{{path('Conditongeneral_Accompa')}}";'>Conditions générales</h4>
  225.        {% elseif  app.user.roles[0]=="ROLE_PARTENAIRE" %}
  226.                 <h4 class="titleFooter titlecond" onclick='location.href = "{{path('Conditongeneral_Partenaire')}}";'>Conditions générales </h4>
  227.        {% elseif  app.user.roles[0]=="ROLE_PARENT" %}
  228.                 <h4 class="titleFooter titlecond" onclick='location.href = "{{path('Conditongeneral_Parent')}}";'>Conditions générales</h4>
  229.        {% endif %}
  230.        {% endif %}
  231.             </div>
  232.             <div class='row no-margin col-lg-3 col-xl-3 col-md-4 col-sm-4 col-xs-4 no-padding log1'>
  233.            <a  href="tel:+33 5 36 28 29 30">     <img src="{{'/images/300ppi/5sur5-Aide.png'}}" class="lconeFooter Iconaide"/></a>
  234.                 <h4 class="titleFooter titleaide"> Service client  <a class="aide" href="tel:+33 5 36 28 29 30">05 36 28 29 30</a></h4>
  235.             </div>
  236.         </div>
  237.     </div>
  238.     {% endif %}
  239. </div>
  240. <!--/ footer end  -->