templates/pages/satisfaction_etudiants.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block page_contents %}
  4. <section class="section section-page-title bg-gradient py-xl-5 py-4" data-aos='fade-down'>
  5.   <div class="container">
  6.     <div class="row">
  7.       <div class="col-12 text-center text-white">
  8.         <h1 class="page-name font-weight-bold my-2">{% trans %}Notre Note !{% endtrans %}</h1>
  9.       </div>
  10.     </div>
  11.   </div>
  12. </section>
  14. <section class="section section-satis-summary my-4" data-aos='fade-up'>
  15.   <div class="container">
  16.     <div class="row">
  17.       <div class="col-12">
  18.         <div class="s-box text-center radius-20 bg-gray-3 px-lg-4 px-3 py-lg-4 py-3">
  19.           <div class="s-rating radius-20 d-inline-block mx-auto bg-gradient text-white py-3 px-5 text-center mb-4">
  20.             <div class="font-14">Indice de satisfaction*</div>
  21.             <div class="d-inline-flex align-items-end mb-1">
  22.               <span class="s-big-number">4,3</span>
  23.               <span class="s-small-number">/5</span>
  24.             </div>
  25.             <div class="s-star d-flex align-items-center justify-content-center">
  26.               <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="28" /></i>
  27.               <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="28" /></i>
  28.               <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="28" /></i>
  29.               <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="28" /></i>
  30.               <i><img src="{{ asset('assets/images/icons/star-gray.svg') }}" alt="Star" width="28" /></i>
  31.             </div>
  32.           </div>
  34.           <p class="flex-1 text-dark-purple">Dans une école il y a forcément des notes ! Voici les notes et avis des étudiants d'ÉSTIAM. Ces chiffres ressortent d’une enquête réalisée depuis le 1er janvier 2023 à mars 2024 auprès des étudiants d'ÉSTIAM, ainsi que des avis publiés sur les réseaux sociaux et divers sites de notations d'écoles pendant la même période.</p>
  35.           <p class="font-weight-300 text-dark-purple font-italic">*Note globale sur un total de 230 avis (Sources : Facebook, L'Étudiant, Capitaine Study, Digischool, Google)</p>
  37.           <div class="row justify-content-center">
  38.             <div class="col-xl-2 col-md-3 col-6 text-center s-each">
  39.               <div class="s-logo"><img src="{{ asset('assets/images/satisfaction/logo-1.png') }}" alt="" /></div>
  40.               <div class="d-none">
  41.                 <span>4.5/5</span>
  42.                 <div class="d-flex align-items-center">
  43.                   <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  44.                   <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  45.                   <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  46.                   <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  47.                   <i><img src="{{ asset('assets/images/icons/star-gray.svg') }}" alt="Star" width="14" /></i>
  48.                 </div>
  49.               </div>
  50.             </div>
  51.             <div class="col-xl-2 col-md-3 col-6 text-center s-each">
  52.               <div class="s-logo"><img src="{{ asset('assets/images/satisfaction/logo-2.png') }}" alt="" /></div>
  53.               <div class="d-none">
  54.                 <span>4.5/5</span>
  55.                 <div class="d-flex align-items-center">
  56.                   <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  57.                   <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  58.                   <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  59.                   <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  60.                   <i><img src="{{ asset('assets/images/icons/star-gray.svg') }}" alt="Star" width="14" /></i>
  61.                 </div>
  62.               </div>
  63.             </div>
  64.             <div class="col-xl-2 col-md-3 col-6 text-center s-each">
  65.               <div class="s-logo"><img src="{{ asset('assets/images/satisfaction/logo-3.png') }}" alt="" /></div>
  66.               <div class="d-inline-flex">
  67.                 <span>4,1/5 (55)</span>
  68.                 <div class="d-flex align-items-center">
  69.                   <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  70.                   <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  71.                   <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  72.                   <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  73.                   <i><img src="{{ asset('assets/images/icons/star-gray.svg') }}" alt="Star" width="14" /></i>
  74.                 </div>
  75.               </div>
  76.             </div>
  77.             <div class="col-xl-2 col-md-3 col-6 text-center s-each">
  78.               <div class="s-logo"><img src="{{ asset('assets/images/satisfaction/logo-4.png') }}" alt="" /></div>
  79.               <div class="d-none">
  80.                 <span>4.5/5</span>
  81.                 <div class="d-flex align-items-center">
  82.                   <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  83.                   <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  84.                   <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  85.                   <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  86.                   <i><img src="{{ asset('assets/images/icons/star-gray.svg') }}" alt="Star" width="14" /></i>
  87.                 </div>
  88.               </div>
  89.             </div>
  90.           </div>
  91.         </div>
  92.       </div>
  93.     </div>
  94.   </div>
  95. </section>
  97. <section class="section section-satis-happy mb-4" data-aos='fade-up'>
  98.   <div class="container">
  99.     <div class="row">
  100.       <div class="col-12">
  101.         <div class="ml-xl-4 ml-lg-3 ml-2 d-flex flex-lg-row flex-column">
  102.           <div class="flex-1 mr-lg-4 mr-0 text-dark-purple">
  103.             <div class="font-30 font-weight-bold mb-3">Happy At School</div>
  104.             <div class="font-14 text-justify line-height-normal">
  105.               <p class="mb-0">L’ÉSTIAM est labellisée <a class="text-purple" href="https://choosemycompany.com/fr/classements/2021/at-school/?region=FR" target="_blank"><u>HappyAtSchool ®</u></a>: 100% participatif et transparent, ce label récompense la qualité de l’expérience étudiante. Seuls les étudiants inscrits à l'école peuvent participer au vote. HappyAtSchool mesure la satisfaction des étudiants à l’aide d’un sondage sur les thématiques suivantes :</p>
  106.               <ul class="mb-0">
  107.                 <li>La vie étudiante</li>
  108.                 <li>La qualité de l’installation et de l’environnement</li>
  109.                 <li>L’enseignement académique et pédagogique</li>
  110.                 <li>La force des relations avec les entreprises</li>
  111.                 <li>La confiance en l’avenir</li>
  112.                 <li>La mise à disposition d’outils technologiques adaptés pour suivre les cours à distance (LearnAnywhere)</li>
  113.               </ul>
  114.               <p class="mb-0">Grâce à la mobilisation et à l’enthousiasme de nos étudiants, ÉSTIAM a obtenu à nouveau le label en 2024 ! Le classement des écoles spécialisées sera publié en novembre.</p>
  115.             </div>
  116.           </div>
  117.           <div class="text-lg-right text-center">
  118.             <img src="{{ asset('assets/images/footer/aeschool-transparent.png') }}?v=1" class="mw-100" alt="Aeschool">
  119.           </div>
  120.         </div>
  121.       </div>
  122.     </div>
  123.   </div>
  124. </section>
  126. <section class="section section-satis-slider mb-4" data-aos='fade-up'>
  127.   <div class="container">
  128.     <div class="row">
  129.       <div class="col-12">
  130.         <div class="slider slider-satis-img pb-3">
  131.           <div>
  132.             <div class="px-2"><img src="{{ asset('assets/images/satisfaction/img-4.jpg') }}" alt="" /></div>
  133.           </div>
  134.           <div>
  135.             <div class="px-2"><img src="{{ asset('assets/images/satisfaction/img-5.jpg') }}" alt="" /></div>
  136.           </div>
  137.           <div>
  138.             <div class="px-2"><img src="{{ asset('assets/images/satisfaction/img-6.jpg') }}" alt="" /></div>
  139.           </div>
  140.           <div>
  141.             <div class="px-2"><img src="{{ asset('assets/images/satisfaction/img-1.jpg') }}" alt="" /></div>
  142.           </div>
  143.           <div>
  144.             <div class="px-2"><img src="{{ asset('assets/images/satisfaction/img-2.jpg') }}" alt="" /></div>
  145.           </div>
  146.           <div>
  147.             <div class="px-2"><img src="{{ asset('assets/images/satisfaction/img-3.jpg') }}" alt="" /></div>
  148.           </div>
  149.         </div>
  150.       </div>
  151.     </div>
  152.   </div>
  153. </section>
  155. <section class="section section-satis-altern bg-gray-3 py-4" data-aos='fade-up'>
  156.   <div class="container">
  157.     <div class="row">
  158.       <div class="col-lg-3 text-sm-center text-center mb-lg-0 mb-4">
  159.         <div class="d-inline-flex flex-column justify-content-center align-items-center h-100">
  160.           <div class="mb-3"><img src="{{ asset('assets/images/satisfaction/logo-1.svg') }}" alt="" /></div>
  161.           <div class="text-center">
  162.             <a href="https://www.capitainestudy.fr/ecoles-et-grandes-ecoles/informatique/estiam-paris/" target="_blank" class="link-gradient text-nowrap">Découvrez tous les avis<i class="far fa-arrow-right"></i></a>
  163.           </div>
  164.         </div>
  165.       </div>
  166.       <div class="col-lg-9">
  167.         <div class="a-box radius-20 w-100" style=" aspect-ratio : 3">
  168.           <iframe class="radius-20 w-100 h-100" style="border: none;" src="https://www.capitainestudy.fr/module/10266-row1.html"></iframe>
  169.         </div>
  170.       </div>
  171.     </div>
  172.   </div>
  173. </section>
  175. <section class="section section-satis-altern bg-white py-4" data-aos='fade-up'>
  176.   <div class="container">
  177.     <div class="row">
  178.       <div class="col-lg-3 order-lg-1 text-sm-center text-center mb-lg-0 mb-4">
  179.         <div class="d-inline-flex flex-column justify-content-center align-items-center h-100">
  180.           <div class="mb-3"><img src="{{ asset('assets/images/satisfaction/logo-2.svg') }}" alt="" /></div>
  181.           <div class="text-center">
  182.             <a href="https://www.letudiant.fr/etudes/annuaire-enseignement-superieur/etablissement/etablissement-estiam-82456.html" target="_blank" class="link-gradient text-nowrap">Découvrez tous les avis<i class="far fa-arrow-right"></i></a>
  183.           </div>
  184.           <div class="font-weight-bold mt-1 text-purple font-20">4,1/5 (55)</div>
  185.           <div class="s-star d-flex align-items-center justify-content-center">
  186.               <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  187.               <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  188.               <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  189.               <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  190.               <i><img src="{{ asset('assets/images/icons/star-gray.svg') }}" alt="Star" width="14" /></i>
  191.             </div>
  192.         </div>
  193.       </div>
  194.       <div class="col-lg-9">
  195.         <div class="a-box radius-20 w-100 bg-white px-lg-4">
  196.           <div class="mx-lg-5">
  197.             <div class="slider slider-satis-text">
  198.               <div>
  199.                 <div class="px-2 py-4">
  200.                   <div class="s-rating text-center mb-3">
  201.                     <div class="d-inline-flex">
  202.                       <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  203.                       <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  204.                       <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  205.                       <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  206.                       <i><img src="{{ asset('assets/images/icons/star-gray.svg') }}" alt="Star" width="14" /></i>
  207.                     </div>
  208.                   </div>
  209.                   <div class="s-text text-center text-dark-purple mb-2">
  210.                     Cette école propose des programmes variés selon les années, l'ambiance est bien nous ne sommes pas considérés comme des élèves mais bien comme des collègues de travail qui travaillent pour la même entreprise, c'est ce qui fait la différence. Le rythme de l'alternance est parfait, 4 jours en entreprise et 1 jour à l'école par semaine cela permet aux étudiants de se familiariser plus vite avec le monde de l'entreprise et de pouvoir travailler en groupe. Les intervenants qui y sont sont des pro et expliquent parfaitement leurs cours cela permet aussi d'avoir de bonne note et de comprendre.
  211.                   </div>
  212.                   <div class="text-dark-purple font-14 text-center font-italic">Ouali</div>
  213.                 </div>
  214.               </div>
  215.               <div>
  216.                 <div class="px-2 py-4">
  217.                   <div class="s-rating text-center mb-3">
  218.                     <div class="d-inline-flex">
  219.                       <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  220.                       <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  221.                       <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  222.                       <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  223.                       <i><img src="{{ asset('assets/images/icons/star-gray.svg') }}" alt="Star" width="14" /></i>
  224.                     </div>
  225.                   </div>
  226.                   <div class="s-text text-center text-dark-purple mb-2">
  227.                     Cette école propose un rythme en alternance idéal pour les étudiants souhaitant développer leurs capacités autrement que par les cours et les projets. Les enseignements sont de qualité, et les équipes pédagogiques sont à l'écoute des étudiants. Le service entreprise m'a suivi durant toute l'année scolaire, ils m'ont aidé à faire mon CV et j'ai pu grâce à leur aide trouver une alternance. L'alternance m'a permis de continuer mes études tout en travaillant. Ce qui m'a ainsi permis d'acquérir de nouvelles compétences et de découvrir le monde de l'entreprise.
  228.                   </div>
  229.                   <div class="text-dark-purple font-14 text-center font-italic">Youcef</div>
  230.                 </div>
  231.               </div>
  232.             </div>
  233.           </div>
  234.         </div>
  235.       </div>
  236.     </div>
  237.   </div>
  238. </section>
  240. <section class="section section-satis-altern bg-gray-3 py-4" data-aos='fade-up'>
  241.   <div class="container">
  242.     <div class="row">
  243.       <div class="col-lg-3 text-sm-center text-center mb-lg-0 mb-4">
  244.         <div class="d-inline-flex flex-column justify-content-center align-items-center h-100">
  245.           <div class="mb-3"><img src="{{ asset('assets/images/satisfaction/logo-3.svg') }}" alt="" /></div>
  246.           <div class="text-center">
  247.             <a href="https://www.orientation.com/etablissements/estiam.html" target="_blank" class="link-gradient text-nowrap">Découvrez tous les avis<i class="far fa-arrow-right"></i></a>
  248.           </div>
  249.         </div>
  250.       </div>
  251.       <div class="col-lg-9">
  252.         <div class="a-box radius-20 w-100 bg-white px-lg-4">
  253.           <div class="mx-lg-5">
  254.             <div class="slider slider-satis-text">
  255.               <div>
  256.                 <div class="px-2 py-4">
  257.                   <div class="s-rating text-center mb-3">
  258.                     <div class="d-inline-flex">
  259.                       <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  260.                       <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  261.                       <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  262.                       <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  263.                       <i><img src="{{ asset('assets/images/icons/star-gray.svg') }}" alt="Star" width="14" /></i>
  264.                     </div>
  265.                   </div>
  266.                   <div class="s-text text-center text-dark-purple">
  267.                     Je suis étudiant à l’ÉSTIAM depuis 3 ans maintenant. Je suis très satisfait de mon école. La qualité de l’enseignement est excellente. Nos enseignants sont pour la plupart des professionnels, ils ont donc une expérience très intéressante dans les systèmes d’informations et autres domaines informatique. D'autre part, l'équipe administrative est toujours disponible et à l'écoute des étudiants.
  268.                   </div>
  269.                 </div>
  270.               </div>
  271.               <div>
  272.                 <div class="px-2 py-4">
  273.                   <div class="s-rating text-center mb-3">
  274.                     <div class="d-inline-flex">
  275.                       <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  276.                       <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  277.                       <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  278.                       <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  279.                       <i><img src="{{ asset('assets/images/icons/star-gray.svg') }}" alt="Star" width="14" /></i>
  280.                     </div>
  281.                   </div>
  282.                   <div class="s-text text-center text-dark-purple">
  283.                     Je suis étudiant à l’ÉSTIAM depuis 3 ans maintenant. Je suis très satisfait de mon école. La qualité de l’enseignement est excellente. Nos enseignants sont pour la plupart des professionnels, ils ont donc une expérience très intéressante dans les systèmes d’informations et autres domaines informatique. D'autre part, l'équipe administrative est toujours disponible et à l'écoute des étudiants.
  284.                   </div>
  285.                 </div>
  286.               </div>
  287.               <div>
  288.                 <div class="px-2 py-4">
  289.                   <div class="s-rating text-center mb-3">
  290.                     <div class="d-inline-flex">
  291.                       <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  292.                       <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  293.                       <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  294.                       <i><img src="{{ asset('assets/images/icons/star-carrot.svg') }}" alt="Star" width="14" /></i>
  295.                       <i><img src="{{ asset('assets/images/icons/star-gray.svg') }}" alt="Star" width="14" /></i>
  296.                     </div>
  297.                   </div>
  298.                   <div class="s-text text-center text-dark-purple">
  299.                     Je suis étudiant à l’ÉSTIAM depuis 3 ans maintenant. Je suis très satisfait de mon école. La qualité de l’enseignement est excellente. Nos enseignants sont pour la plupart des professionnels, ils ont donc une expérience très intéressante dans les systèmes d’informations et autres domaines informatique. D'autre part, l'équipe administrative est toujours disponible et à l'écoute des étudiants.
  300.                   </div>
  301.                 </div>
  302.               </div>
  303.             </div>
  304.           </div>
  305.         </div>
  306.       </div>
  307.     </div>
  308.   </div>
  309. </section>
  310. {% endblock %}
  312. {% block custom_javascripts %}
  313. <script type="text/javascript">
  314. $(document).ready(function(){
  315.   $('.slider-satis-img').slick({
  316.     slidesToShow: 3,
  317.     slidesToScroll: 3,
  318.     cssEase: 'linear',
  319.     autoplay: true,
  320.     autoplaySpeed: 3000,
  321.     dots: true,
  322.     prevArrow: '<button type="button" class="slick-prev slick-arrow"><i class="fat fa-angle-left"></i></button>',
  323.     nextArrow: '<button type="button" class="slick-next slick-arrow"><i class="fat fa-angle-right"></i></button>',
  324.     responsive: [
  325.       {
  326.         breakpoint: 992,
  327.         settings: {
  328.           slidesToShow: 2,
  329.           slidesToScroll: 1
  330.         }
  331.       },
  332.       {
  333.         breakpoint: 600,
  334.         settings: {
  335.           slidesToShow: 1,
  336.           slidesToScroll: 1
  337.         }
  338.       },
  339.     ]
  340.   });
  342.   $('.slider-satis-text').slick({
  343.     slidesToShow: 1,
  344.     slidesToScroll: 1,
  345.     cssEase: 'linear',
  346.     autoplay: true,
  347.     autoplaySpeed: 3000,
  348.     prevArrow: '<button type="button" class="slick-prev slick-arrow"><i class="fat fa-angle-left"></i></button>',
  349.     nextArrow: '<button type="button" class="slick-next slick-arrow"><i class="fat fa-angle-right"></i></button>'
  350.   });
  351. });
  352. </script>
  353. {% endblock %}