templates/ecole/etudier_estiam.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 %}Pourquoi choisir ÉSTIAM : votre avenir dans l'Informatique{% endtrans %}</h1>
  9.       </div>
  10.     </div>
  11.   </div>
  12. </section>
  14. <section class="section mb-xl-5 mb-4 mt-4">
  15.   <div class="container">
  16.     <div class="row">
  17.       <div class="col-xl-3 col-lg-4 order-lg-0 order-1">
  18.         <div class="ecole-nav pr-lg-4 pr-0 mt-3 sticky">
  19.           <ul class="nav nav-pills d-block" data-aos='fade-right'>
  20.             <li><a href="{{path('nos_valeurs')}}">{% trans %}Nos valeurs{% endtrans %}</a></li>
  21.             <li><a class="active" href="{{path('etudier_estiam')}}">{% trans %}Étudier à l’ÉSTIAM{% endtrans %}</a></li>
  22.             <li><a href="{{path('pedagogie')}}">{% trans %}Notre pédagogie{% endtrans %}</a></li>
  23.             <li><a href="{{path('cursus')}}">{% trans %}Cursus & spécialisations{% endtrans %}</a></li>
  24.             <li><a href="{{path('habilitations')}}">{% trans %}Habilitations et Qualité{% endtrans %}</a></li>
  25.             <li><a href="{{path('conseil')}}">{% trans %}Conseil de perfectionnement{% endtrans %}</a></li>
  26.             <li><a href="{{path('etudier_handicap')}}">{% trans %}Étudier en situation de handicap{% endtrans %}</a></li>
  27.           </ul>
  28.         </div>
  29.       </div>
  30.       <div class="col-xl-9 col-lg-8 order-lg-1 order-0">
  31.         <div class="ecole-content text-dark-purple text-justify keepEditorStyle" data-aos='fade-left'>
  32.           <div class="section-title text-left mb-3"><span>/</span> {% trans %}Pourquoi étudier à ÉSTIAM ?{% endtrans %}</div>
  33.           <p><strong>{% trans %}ÉSTIAM, une démarche pédagogique structurante avec un réel encadrement{% endtrans %}</strong></p>
  34.           <p class="mb-0">{% trans %}Un parcours de formation alliantpragmatisme, modernité et qualité :{% endtrans %}</p>
  35.           <ul>
  36.             <li>{% trans %}une formation complète qui développe non seulement une expertise technologique, mais aussi un comportement professionnel, managérial, leadership et sens de l’entreprise{% endtrans %}</li>
  37.             <li>{% trans %}des étudiants fortement encadrés par leurs professeurs tous issus du monde de l’entreprise{% endtrans %}</li>
  38.             <li>{% trans %}un programme en parfaite adéquation avec le marché de l’emploi{% endtrans %}</li>
  39.             <li>{% trans %}une immersion professionnelle progressive{% endtrans %}</li>
  40.           </ul>
  42.           <div class="section-title text-left mb-3"><span>/</span> {% trans %}Les compétences acquises par année{% endtrans %}</div>
  43.           <p><a class="cursor" data-toggle="modal" data-target="#zoomImage" data-dismiss="modal"><img src="{{ asset('assets/images/ecole/img-1.jpg') }}?v=1" alt=""/></a></p>
  45.           <div class="section-title text-left mb-3"><span>/</span> {% trans %}50% de la scolarité en entreprise…{% endtrans %}</div>
  46.           <div class="row justify-content-center mb-4">
  47.             <div class="col-xl-4 col-md-6 mb-xl-0 mb-3">
  48.               <div class="e-item d-flex flex-column h-100 p-3 mb-lg-0">
  49.                 <div class="e-title text-orange font-weight-bold font-30 text-center mb-3">{% trans %}Années 1 et 2{% endtrans %}</div>
  50.                 <ul class="text-left">
  51.                   <li>{% trans %}Cours le matin{% endtrans %}</li>
  52.                   <li>{% trans %}Mise en pratique l’après-midi{% endtrans %}</li>
  53.                   <li>{% trans %}Effectif réduit à 15 étudiants{% endtrans %}</li>
  54.                 </ul>
  55.               </div>
  56.             </div>
  57.             <div class="col-xl-4 col-md-6 mb-xl-0 mb-3">
  58.               <div class="e-item d-flex flex-column h-100 p-3 mb-lg-0">
  59.                 <div class="e-title text-orange font-weight-bold font-30 text-center mb-3">{% trans %}Année 3{% endtrans %}</div>
  60.                 <ul class="text-left">
  61.                   <li>{% trans %}Cours & Entreprise (en alternance){% endtrans %}</li>
  62.                   <li>{% trans %}Choix entre 2 Expertises technologiques{% endtrans %}</li>
  63.                   <li>{% trans %}25 étudiants par classe{% endtrans %}</li>
  64.                 </ul>
  65.               </div>
  66.             </div>
  67.             <div class="col-xl-4 col-md-6 mb-xl-0 mb-3">
  68.               <div class="e-item d-flex flex-column h-100 p-3 mb-lg-0">
  69.                 <div class="e-title text-orange font-weight-bold font-30 text-center mb-3">{% trans %}Années 4 et 5{% endtrans %}</div>
  70.                 <ul class="text-left">
  71.                   <li>{% trans %}Professionnalisation en immersion en entreprise pendant 2 années par l’alternance{% endtrans %}</li>
  72.                   <li>{% trans %}Choix entre 28 parcours{% endtrans %}</li>
  73.                   <li>{% trans %}25 étudiants par classe{% endtrans %}</li>
  74.                 </ul>
  75.               </div>
  76.             </div>
  77.           </div>
  79.           <div class="section-title text-left mb-3"><span>/</span> {% trans %}L’après ÉSTIAM en quelques chiffres{% endtrans %}</div>
  80.           <p>{% trans %}Aujourd’hui, l’informatique touche tous les secteurs d’activités sans exception. Il est donc possible de travailler dans un grand nombre de domaines.<br/>La formation d’ÉSTIAM permet d’accéder à plusieurs métiers de l’IT. Voici un panel des métiers possibles après avoir suivi l’un de nos cursus : Développeur web &mobile, Chef de projet web, Ingénieur Cloud, Ingénieur système & réseaux, Responsable de la sécurité informatique, Data Analyst…{% endtrans %}</p>
  82.           {# <div class="small-title"><span>/</span> {% trans %}Secteurs d'activité{% endtrans %}</div> #}
  83.           <p class="text-center mb-0"><img src="{{ asset('assets/images/ecole/img-2.webp') }}" alt=""/></p>
  85.           {# <div class="row">
  86.             <div class="col-lg-8">
  87.               <div class="row">
  88.                 <div class="col-12 mb-3">
  89.                   <div class="small-title"><span>/</span> {% trans %}Salaire moyen après l'Éstiam{% endtrans %}</div>
  90.                   <p><img src="{{ asset('assets/images/ecole/img-3.jpg') }}" alt=""/></p>
  91.                 </div>
  92.                 <div class="col-md-6 mb-4">
  93.                   <div class="small-title mb-2"><span>/</span> {% trans %}Statut du contrat{% endtrans %}</div>
  94.                   <p class="font-20"><span class="font-weight-bold text-orange">100%</span> {% trans %}de cadres{% endtrans %}</p>
  95.                 </div>
  96.                 <div class="col-md-6 mb-4">
  97.                   <div class="small-title mb-2"><span>/</span> {% trans %}Type du contrat{% endtrans %}</div>
  98.                   <p class="font-20"><span class="font-weight-bold text-orange">100%</span> {% trans %}de cadres{% endtrans %}</p>
  99.                 </div>
  100.               </div>
  101.             </div>
  102.             <div class="col-lg-4">
  103.               <div class="small-title"><span>/</span> {% trans %}Métiers{% endtrans %}</div>
  104.               <p><img src="{{ asset('assets/images/ecole/img-4.jpg') }}" alt=""/></p> 
  105.             </div>
  106.           </div>
  108.           <div class="small-title"><span>/</span> {% trans %}+ de 600 entreprises partenaires{% endtrans %}</div>
  109.           <div class="e-logo d-flex flex-wrap">
  110.             <div class="mx-2 my-1"><img src="{{ asset('assets/images/ecole/logo-1.jpg') }}" alt=""/></div>
  111.             <div class="mx-2 my-1"><img src="{{ asset('assets/images/ecole/logo-2.jpg') }}" alt=""/></div>
  112.             <div class="mx-2 my-1"><img src="{{ asset('assets/images/ecole/logo-3.jpg') }}" alt=""/></div>
  113.             <div class="mx-2 my-1"><img src="{{ asset('assets/images/ecole/logo-4.jpg') }}" alt=""/></div>
  114.             <div class="mx-2 my-1"><img src="{{ asset('assets/images/ecole/logo-5.jpg') }}" alt=""/></div>
  115.             <div class="mx-2 my-1"><img src="{{ asset('assets/images/ecole/logo-6.jpg') }}" alt=""/></div>
  116.             <div class="mx-2 my-1"><img src="{{ asset('assets/images/ecole/logo-7.jpg') }}" alt=""/></div>
  117.             <div class="mx-2 my-1"><img src="{{ asset('assets/images/ecole/logo-8.jpg') }}" alt=""/></div>
  118.             <div class="mx-2 my-1"><img src="{{ asset('assets/images/ecole/logo-9.jpg') }}" alt=""/></div>
  119.             <div class="mx-2 my-1"><img src="{{ asset('assets/images/ecole/logo-10.jpg') }}" alt=""/></div>
  120.             <div class="mx-2 my-1"><img src="{{ asset('assets/images/ecole/logo-11.jpg') }}" alt=""/></div>
  121.             <div class="mx-2 my-1"><img src="{{ asset('assets/images/ecole/logo-12.jpg') }}" alt=""/></div>
  122.             <div class="mx-2 my-1"><img src="{{ asset('assets/images/ecole/logo-13.jpg') }}" alt=""/></div>
  123.             <div class="mx-2 my-1"><img src="{{ asset('assets/images/ecole/logo-14.jpg') }}" alt=""/></div>
  124.           </div> #}
  126.           <div class="bg-purple pt-2 pb-4 px-xl-5 px-md-4 px-3">
  127.             <div class="section-title text-white mb-2"><span>/</span> {% trans %}Video{% endtrans %}</div>
  128.             <div class="px-xl-5">
  129.               <div class="embed-responsive embed-responsive-16by9 hvr-glow">
  130.                 <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/-ivu5P-tuP4?si=IwVLwhMpyUsmI4QV&rel=0" allowfullscreen></iframe>
  131.               </div>
  132.             </div>
  133.           </div>
  134.         </div>
  135.       </div>
  136.     </div>
  137.   </div>
  138. </section>
  139. {% endblock %}