templates/ecole/pedagogie.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block page_contents %}
  3. <section class="section section-page-title bg-gradient py-xl-5 py-4" data-aos='fade-down'>
  4.   <div class="container">
  5.     <div class="row">
  6.       <div class="col-12 text-center text-white">
  7.         <h1 class="page-name font-weight-bold my-2">{% trans %}Notre pédagogie : former, encadrer, soutenir, professionnaliser{% endtrans %}</h1>
  8.       </div>
  9.     </div>
  10.   </div>
  11. </section>
  12. <section class="section mb-xl-5 mb-4 mt-4">
  13.   <div class="container">
  14.     <div class="row">
  15.       <div class="col-xl-3 col-lg-4 order-lg-0 order-1">
  16.         <div class="ecole-nav pr-lg-4 pr-0 mt-3 sticky">
  17.           <ul class="nav nav-pills d-block" data-aos='fade-right'>
  18.             <li><a href="{{path('nos_valeurs')}}">{% trans %}Nos valeurs{% endtrans %}</a></li>
  19.             <li><a href="{{path('etudier_estiam')}}">{% trans %}Étudier à l’ÉSTIAM{% endtrans %}</a></li>
  20.             <li><a class="active" 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('habilitations')}}">{% trans %}Habilitations et Qualité{% endtrans %}</a></li>
  23.             <li><a href="{{path('conseil')}}">{% trans %}Conseil de perfectionnement{% endtrans %}</a></li>
  24.             <li><a href="{{path('etudier_handicap')}}">{% trans %}Étudier en situation de handicap{% endtrans %}</a></li>
  25.           </ul>
  26.         </div>
  27.       </div>
  28.       <div class="col-xl-9 col-lg-8 order-lg-1 order-0">
  29.         <div class="ecole-content text-dark-purple text-justify keepEditorStyle" data-aos='fade-left'>
  30.           <div class="section-title text-left mb-3"><span>/</span> {% trans %}Notre pédagogie{% endtrans %} <span class="font-weight-normal">{% trans %}former, encadrer, soutenir, professionnaliser{% endtrans %}</span></div>
  31.           <p class="font-weight-bold">{% trans %}Des bases solides pendant les 2 premières années de formation{% endtrans %}</p>
  32.           <p class="font-weight-bold">{% trans %}Intégrer le monde professionnel par l’alternance pendant les 3 dernières années.{% endtrans %}</p>
  33.           <div class="row justify-content-center mb-4">
  34.             <div class="col-xl-5 col-md-6 mb-xl-0 mb-3">
  35.               <div class="e-item d-flex flex-column h-100 p-3 mb-lg-0">
  36.                 <div class="e-title text-orange font-weight-bold font-30 text-center text-uppercase mb-3">{% trans %}ANNÉES 1 ET 2{% endtrans %}</div>
  37.                 <p class="font-weight-bold">{% trans %}Cours le matin, mise en pratique l’après-midi. Effectif réduit de 15 élèves.{% endtrans %}</p>
  38.                 <p>{% trans %}Sous la surveillance du professeur (tous des professionnels de l'informatique), en groupe de 15 élèves maximum, nos étudiants mettent en œuvre chaque après-midi les concepts abordés en cours le matin. L’encadrement est ainsi personnalisé, le professeur étant disponible pour s’occuper d’apporter son support à chaque élève individuellement grâce à cet effectif réduit. En moyenne, 30% des cours technologiques sont donnés en anglais.{% endtrans %}</p>
  39.                 <p>{% trans %}De cette façon, les étudiants voient leurs compétences se renforcer continuellement et atteignent rapidement un niveau d’efficacité qui facilitera leur intégration en entreprise.{% endtrans %}</p>
  40.               </div>
  41.             </div>
  42.             <div class="col-xl-5 col-md-6 mb-xl-0 mb-3">
  43.               <div class="e-item d-flex flex-column h-100 p-3 mb-lg-0">
  44.                 <div class="e-title text-orange font-weight-bold font-30 text-center text-uppercase mb-3">{% trans %}ANNÉES 3, 4 ET 5{% endtrans %}</div>
  45.                 <p class="font-weight-bold">{% trans %}Professionnalisation en immersion en entreprise par l’alternance{% endtrans %}</p>
  46.                 <p>{% trans %}Les 3e, 4e et 5e années de notre scolarité représentent plus de 1800 heures de cours et permettent une immersion 4 jours par semaine en entreprise, dans le cadre de contrat de professionnalisation en alternance.{% endtrans %}</p>
  47.                 <p>{% trans %}À travers nos cursus double compétence (Digital Media, e‑Industries, Retail et Finance), nos étudiants trouvent leur premier emploi grâce à ÉSTIAM, deux ans avant l’obtention de leur diplôme. 30% des cours technologiques sont également donnés en anglais.{% endtrans %}</p>
  48.               </div>
  49.             </div>
  50.             </div>
  51.           </div>
  52.           <div class="section-title text-left mb-3"><span>/</span> {% trans %}Le schéma des parcours pédagogiques{% endtrans %}</div>
  53.           <p><img src="{{ asset('assets/images/ecole/img-5.webp') }}?v=1" alt=""/></p>
  54.           <div class="bg-purple pt-2 pb-4 px-xl-5 px-md-4 px-3 mt-xl-5 mt-4">
  55.             <div class="section-title text-white mb-2"><span>/</span> {% trans %}Video{% endtrans %}</div>
  56.             <div class="px-xl-5">
  57.               <div class="embed-responsive embed-responsive-16by9 hvr-glow">
  58.                 <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/-ivu5P-tuP4?si=IwVLwhMpyUsmI4QV&rel=0" allowfullscreen></iframe>
  59.               </div>
  60.             </div>
  61.           </div>
  62.         </div>
  63.       </div>
  64.     </div>
  65.   </div>
  66. </section>
  67. {% endblock %}