templates/Accueil/ServiceClient.html.twig line 1

Open in your IDE?
  1. {#
  2. /*
  3.  * Autheur:Yosra Tlich
  4.  * Date de création :06/04/2020
  5.   * Date de modification :18/05/2023
  6.  * Description: Page service client
  7.  * Modifier par Yosra Tlich
  8.  *
  9. */#}
  10. {% extends 'Accueil/layoutAccueil.html.twig' %}
  11. {% block Head %}
  12.     {{ parent() }}
  13.  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
  14. {% endblock %}
  15. {% block Header %}
  16.     {% if app.user %}
  17.         {{ render(controller('App\\Controller\\EspaceParentController::headerparenrt')) }}
  18.         <style>
  19.             @media (max-width: 1200px) {
  20.                 .imageLogo {
  21.                     width: 145px !important;
  22.                     height: 80.7px !important;
  23.                     margin-left: 49px !important;
  24.                     margin-top: -20px;
  25.                     bottom: 0px !important;
  26.                 }
  27.             }</style>
  28.         {% else %}
  29.             {{ render(controller('App\\Controller\\AccueilController::header')) }}
  30.         <style>
  31.             @media (max-width: 1200px) {
  32.                 .imageLogo {
  33.                     width: 145px !important;
  34.                     height: 80.7px !important;
  35.                     margin-left: 49px !important;
  36.                     margin-top: -20px;
  37.                     bottom: 45px !important;
  38.                 }
  39.             }</style>
  40.         {% endif %}
  41.     {% endblock %}
  42. {% block LinksCss %}
  43.     {{ parent() }}
  44.     <link href="{{ asset ('Accueil/css/StyleServiceClient.css')}}" type="text/css" rel="stylesheet" >
  45.     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  46.     <link href="{{ asset ('css/Parent/css/layoutparent.css')}}" type="text/css" rel="stylesheet" >
  47. {% endblock %}
  48. {% block Content %}
  49.     <body>
  50.         <div class="row no-margin">
  51.             <div class="col-xl-2 col-md-1  col-sm-1 col-xs-2 seperateurblanleft"></div>
  52.             <div class="col-xl-9 col-md-10  col-sm-10 col-xs-10 blocservice" style="margin-top:6%">
  53.                 <div class="divimg"> 
  54.                     <div>    <a  href="tel:+33 5 36 28 29 30"> <img  src="{{('/images/iconcasque.svg')}}" class="imgstyl"> </a></div>
  55.                     <div class="grandtitre"><h4 class="FirstTitle">Service client</h4></div>
  56.                 </div>
  57.                 <div class="parastyle"> 
  58.                     <p class="parastyle1">Professionnels de la pédagogie, commerciaux proches des questions éducatives et designers ... Autant de personnalités réunies autour des mêmes valeurs:</br>
  59.                         la sécurité, la protection des enfants, l'écoresponsabilité et l'écoute des
  60.                         demandes de leurs clients mais aussi des parents et des accompagnateurs.</p>
  61.                 </div>
  62.                 <div class="parastylee"> 
  63.                     <p class="parastyle1">En cas de besoin, parents, partenaires, accompagnateurs ont la possibilité d'appeler directement un responsable 5 sur 5 séjour</p>
  64.                 </div>
  65.                 <div class="parastyle"> 
  66.                     <p class="secondtilte">Vous pouvez nous contacter au</p>
  67.                 </div>
  68.                 <div class="Contactstyle10"> 
  69.                     <a class="Contactstyle" href="tel:+33 5 36 28 29 30" >05 36 28 29 30</a>
  70.                 </div>
  71.                 <div class="Contactstyle11"> 
  72.                     <a class="Contactstyle1 " href="mailto:contact@5sur5sejour.com" >Contact@5sur5sejour.com</a>
  73.                 </div>
  74.                 <div class="paragstyle"> 
  75.                     <p class="paragstyle1">5 sur 5 séjour est une plateforme sécurisée qui respecte les lois européennes sur la gestion des données personnelles. Nous nous engageons à ne pas conserver les données de séjour.</p>
  76.                 </div>
  77.                 <div class="paragstyle10"> 
  78.                     <p class="paragstyle11">Pour en savoir plus rendez-vous sur :</p>
  79.                 </div>
  80.                 <div class="divlien" style="margin-bottom: 300px;"> 
  81.                     <p class="lienstyle">
  82.                         {% if not (app.user) %}
  83.                             <a href="{{path('Politique')}}" class="lienstyle">Politique de confidentialité</a></br>
  84.                             <a href="{{path('Politique')}}" class="lienstyle">Usage des cookies</a> </br>
  85.                             <a href="{{path('Conditongeneral')}}" class="lienstyle">Conditions générales de vente</a></br>
  86.                         {% else %}
  87.                             {% if  app.user.roles[0]=="ROLE_ACC" %}
  88.                                 <a href="{{path('Politique_Accompa')}}" class="lienstyle">Politique de confidentialité</a></br>
  89.                                 <a href="{{path('Politique_Accompa')}}" class="lienstyle">Usage des cookies</a> </br>
  90.                                 <a href="{{path('Conditongeneral_Accompa')}}" class="lienstyle">Conditions générales de vente</a></br>
  91.                             {% elseif  app.user.roles[0]=="ROLE_PARTENAIRE" %}
  92.                                 <a href="{{path('Politique_Partenaire')}}" class="lienstyle">Politique de confidentialité</a></br>
  93.                                 <a href="{{path('Politique_Partenaire')}}" class="lienstyle">Usage des cookies</a> </br>
  94.                                 <a href="{{path('Conditongeneral_Partenaire')}}" class="lienstyle">Conditions générales de vente</a></br>
  95.                             {% elseif  app.user.roles[0]=="ROLE_PARENT" %}
  96.                                 <a href="{{path('Politique_Parent')}}" class="lienstyle">Politique de confidentialité</a></br>
  97.                                 <a href="{{path('Politique_Parent')}}" class="lienstyle">Usage des cookies</a> </br>
  98.                                 <a href="{{path('Conditongeneral_Parent')}}" class="lienstyle">Conditions générales de vente</a></br>
  99.                             {% endif %}
  100.                         {% endif %}
  101.                     </p>
  102.                 </div>
  103.             </div>
  104.             <div class="col-xl-2 col-md-2  col-sm-2 col-xs-2 seperateurblanreight"></div>
  105.         </div>
  106.         <div class="row no-margin">
  107.             <div class="optionGroupe col-md-7  col-xs-12 col-sm-12 no-padding" style ="cursor:pointer;">
  108.                 <div class="row no-margin  col-xs-6 col-sm-6 no-padding rowProd">
  109.                     <div class="Produit Groupe col-xs-6 col-sm-6">
  110.                         <h3 class="titreProduit" onclick='location.href = "{{path('album',{'id':"ALL"})}}"'>Nos Produits </h3>
  111.                         <ul style="list-style: none;">
  112.                             {% for produit in produit %}
  113.                                 {% if produit.labeleType!="Connexion" %}
  114.                                     <li class="listeOption" {% if app.user %}  onclick='location.href = "{{path('albumParent',{'id':produit.labeleType})}}"' {% else %}  onclick='location.href = "{{path('album',{'id':produit.labeleType})}}"'{% endif %}>{{produit.labeleType}}</li>
  115.                                 {% endif %}
  116.                             {% endfor %}
  117.                         </ul>
  118.                     </div>
  119.                    
  120.                 </div>
  121.                 <div class="row no-margin  col-xs-6 col-sm-6 no-padding rowProd">
  122.                     <div class="Produit Groupe col-xs-6 col-sm-6">
  123.                         <h3 class="titreProduit titrePayemet">Option de paiement </h3>
  124.                         <img class="payement" src="/images/SVG/Optionde paiement.svg">
  125.                     </div>
  126.                     <div class="Produit Groupe col-xs-6 col-sm-6" style='text-align:center;'>
  127.                         <h3 class="titreProduit titrePayemet">Retrouvez-nous  </h3>
  128.                         <a class="liensociaux" target="_blank" href="https://www.instagram.com/5sur5sejour/?hl=fr"><img class="linked" src="/images/IconInsta.png"></a>
  129.                         <a class="liensociaux" target="_blank" href="https://www.facebook.com/5sur5sejour-100176545867454"><img class="facebook" src="/images/fbk.svg"></a>
  130.                     </div>
  131.                 </div>
  132.             </div>
  133.         </div>
  134.     </div>
  135. {% endblock %}