templates/programs/level.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% set programCol = programs|length > 3 ? 'col-lg-3' : 'col-lg-4' %}
  4. {% block page_contents %}
  5. <section class="section section-page-title bg-gradient pt-xl-5 pt-4 pb-2" data-aos='fade-down'>
  6.   <div class="container">
  7.     <div class="row">
  8.       <div class="col-12 text-center text-white">
  9.         {% if level == 1 %}
  10.           <h1 class="page-name font-weight-bold my-2 text-uppercase">{% trans %}BTS (BAC + 2){% endtrans %}</h1>
  11.           <div class="small-title text-white text-center"><span>/</span>{% trans %}Titre de niveau 5{% endtrans %} </div>
  12.           <p class="text-center">{% trans %}BTS SIO (Services Informatiques aux Organisations), de niveau 5, enregistré au RNCP par décision de France <br/> Compétences en date du 30 mai 2019.{% endtrans %}</p>
  13.         {% elseif level == 2 %}
  14.           <h1 class="page-name font-weight-bold my-2 text-uppercase">{% trans %}Bachelor (BAC + 3){% endtrans %}</h1>
  15.           <div class="small-title text-white text-center"><span>/</span> {% trans %}Titre de niveau 6 {% endtrans %} <span class="font-weight-400">({% trans %}Titre niveau I - ancienne nomenclature{% endtrans %})</span></div>
  16.           <p class="text-center">{% trans %}Titre de Concepteur développeur full stack, de niveau 6, code NSF 326, enregistré au RNCP par décision de<br/> France Compétences en date du 29 septembre 2022, délivré par IFOCOP.{% endtrans %}</p>
  17.         {% elseif level == 3 %}
  18.           <h1 class="page-name font-weight-bold my-2 text-uppercase">{% trans %}MSc & MBA (BAC + 5){% endtrans %}</h1>        
  19.           <div class="small-title text-white text-center"><span>/</span> {% trans %}Titre de niveau 7{% endtrans %} <span class="font-weight-400">({% trans %}Titre niveau I - ancienne nomenclature{% endtrans %})</span></div>
  20.           <p class="text-center">{% trans %}Titre de Chef de projet en intelligence artificielle par Ascencia Business School - code NSF 326t / 326p - RNCP<br/> n°36129 - enregistré au RNCP par décision de France Compétences.{% endtrans %}</p>
  21.         {% endif %}
  22.       </div>
  23.     </div>
  24.   </div>
  25. </section>
  26. {% if programs %}
  27. <section class="section section-program section-program-level pt-4 pb-4">
  28.   <div class="container">
  29.   {% if level == 3 %}
  30.     <div class="row">
  31.       <div class="col-xl-10 mx-auto text-center mb-3" data-aos='fade-down'>
  32.         <p>{% trans %}ÉSTIAM prépare à des titres enregistrés par l'État au Répertoire national des certifications professionnelles (RNCP). L'école informatique ÉSTIAM propose <span class="text-purple">5 spécialisations technologiques</span> et 2 MBA (<span class="text-purple">MBA Data Solutions Architect & NwoW et MBA SAP Finance & Accounting</span>), des parcours conçus autour des technologies en demande et en émergence en entreprise.{% endtrans %}</p>
  33.       </div>
  34.     </div>
  35.   {% endif %}
  36.   {% if programs|length > 3 %}
  37.     <div class="row justify-content-center">
  38.       <div class="col-12">
  39.         <div class="slider slider-programs px-4 pb-3">
  40.           {% for program in programs %}
  41.             <div>
  42.               <div class="p-item">
  43.                   <a href="{{path('program_detail_no_alternance', { slug: program.slug })}}" class="position-relative d-block">
  44.                   <div class="p-img position-relative">
  45.                     <img class="position-relative w-100" src="{{ asset('assets/images/programs/mask-4col.png') }}" alt=""/>
  46.                     <div class="position-absolute w-100 h-100 t-0 l-0" style="background-image: url({{ program.media }});"></div>
  47.                   </div>
  48.                   <div class="p-content position-absolute w-100 h-100 t-0 l-0 text-center py-3 px-3 d-flex flex-column">
  49.                     <div class="hide-line">
  50.                       <div class="hl-1 text-center mb-3 font-weight-bold">{{ program.name }}</div>
  51.                       <div class="hl-2 text-left">
  52.                         <div class="text-justify">{{ program.description|raw }}</div>
  53.                       </div>
  54.                     </div>
  55.                     <div class="show-line">
  56.                       <div class="line-2 line-height-normal">{{ program.name }}</div>
  57.                     </div>
  58.                   </div>
  59.                   <div class="p-link position-absolute r-0 b-0">
  60.                     <span>
  61.                       <span></span>
  62.                     </span>
  63.                   </div>
  64.                 </a>
  65.               </div>
  66.             </div>
  67.           {% endfor %}
  68.         </div>
  69.       </div>
  70.     </div>
  71.   {% else %}
  72.     <div class="row justify-content-center mt-5">
  73.       {% for program in programs %}
  74.         <div class="col-lg-4 col-md-6 mb-lg-5 mb-4">
  75.           <div class="p-item" data-aos='zoom-in'>
  76.               <a href="{{path('program_detail_no_alternance', { slug: program.slug })}}" class="position-relative d-block">
  77.               <div class="p-img position-relative">
  78.                 <img class="position-relative w-100" src="{{ asset('assets/images/programs/mask-3col.png') }}" alt=""/>
  79.                 <div class="position-absolute w-100 h-100 t-0 l-0" style="background-image: url({{ program.media }});"></div>
  80.               </div>
  81.               <div class="p-content position-absolute w-100 h-100 t-0 l-0 text-center py-3 px-3 d-flex flex-column">
  82.                 <div class="hide-line">
  83.                   <div class="hl-1 text-center mb-3 font-weight-bold">{{ program.name }}</div>
  84.                   <div class="hl-2 text-left">
  85.                     <div class="text-justify line-height-normal">{{ program.description|raw }}</div>
  86.                   </div>
  87.                 </div>
  88.                 <div class="show-line">
  89.                   <div class="line-2 line-height-normal">{{ program.name }}</div>
  90.                 </div>
  91.               </div>
  92.               <div class="p-link position-absolute r-0 b-0">
  93.                 <span>
  94.                   <span></span>
  95.                 </span>
  96.               </div>
  97.             </a>
  98.           </div>
  99.         </div>
  100.       {% endfor %}
  101.     </div>
  102.   {% endif %}
  103.   </div>
  104. </section>
  105. {% endif %}
  106. <section class="section section-cert bg-light py-3">
  107.   <div class="container">
  108.     {% if level == 1 %}
  109.       <!--Case BTS-->
  110.       <div class="row">
  111.         <div class="col-12 d-flex justify-content-center">
  112.           <div class="d-flex flex-lg-row flex-column">
  113.             <div class="d-flex justify-content-lg-start justify-content-center mb-lg-0 mb-3">
  114.               <div class="c-img mr-4"><img src="{{ asset('assets/images/programs/niveau-5-slam.png') }}" alt=""/></div>
  115.               <div class="c-img mr-4"><img src="{{ asset('assets/images/programs/niveau-5-sisr.png') }}" alt=""/></div>
  116.             </div>
  117.             <div class="c-text flex-1 text-left text-dark-purple">
  118.               <div class="font-weight-bold font-30">Le BTS SIO se fait en alternance dès la 1ère année !</div>
  119.               <ul>
  120.                 <li>Alternance : rythme 1 jour à l'école et 4 jours en entreprise</li>
  121.                 <li>2 options possibles : SLAM (Solutions Logicielles et Applications Métiers) et SISR (Solutions d'Infrastructure, Systèmes et Réseaux)</li>
  122.               </ul>
  123.             </div>
  124.           </div>
  125.         </div>
  126.       </div>
  127.     {% elseif level == 2 %}
  128.       <!--Case Bachelor-->    
  129.       <div class="row">
  130.         <div class="col-12 d-flex justify-content-center">
  131.           <div class="d-flex flex-lg-row flex-column">
  132.             <div class="d-flex justify-content-lg-start justify-content-center mb-lg-0 mb-3">
  133.               <div class="c-img mr-4"><img src="{{ asset('assets/images/programs/niveau-6.png') }}" alt=""/></div>
  134.             </div>
  135.             <div class="c-text flex-1 text-left text-dark-purple">
  136.               <div class="font-weight-bold font-30">Les Cursus à ÉSTIAM, c'est surtout…</div>
  137.               <ul>
  138.                 <li>Alternance possible dès la 3ᵉ année</li>
  139.                 <li>9.900€ l'année en formation initiale,6.800€ si inscrit avant le 30 septembre.</li>
  140.                 <li>Des parcours conçus autour de la professionnalisation et des métiers.</li>
  141.               </ul>
  142.             </div>
  143.           </div>
  144.         </div>
  145.       </div>    
  146.     {% elseif level == 3 %}
  147.       <!--Case MBA-->
  148.       <div class="row">
  149.         <div class="col-12 d-flex justify-content-center">
  150.           <div class="d-flex flex-lg-row flex-column">
  151.             <div class="d-flex justify-content-lg-start justify-content-center mb-lg-0 mb-3">
  152.               <div class="c-img mr-4"><img src="{{ asset('assets/images/programs/niveau-7.png') }}" alt=""/></div>
  153.             </div>
  154.             <div class="c-text flex-1 text-left text-dark-purple">
  155.               <div class="font-weight-bold font-30 text-center">CURSUS MÉTIERS</div>
  156.               <p>La personnalisation de votre parcours pédagogique dès la 4e année.</p>
  157.             </div>
  158.           </div>
  159.         </div>
  160.       </div>
  161.     {% endif %}
  162.   </div>
  163. </section>
  164. {% if cursus %}
  165. <section class="section section-cursus section-level-cursus bg-light pb-5">
  166.   <div class="container">
  167.     <div class="row">
  168.       <div class="col-12">
  169.         <div class="slider slider-program-cursus px-4 pb-3">
  170.           {% for cur in cursus %}
  171.             <div>
  172.               <div class="p-item cursor d-flex flex-column h-100">
  173.                 <div class="p-img position-relative">
  174.                   <img class="position-relative w-100" src="{{ cur.media }}" alt=""/>
  175.                 </div>
  176.                 <div class="p-box position-relative flex-1 d-flex flex-column h-100">
  177.                   <div class="p-content text-center pb-3 px-3 d-flex flex-column h-100">
  178.                     <div class="show-line">
  179.                       <div class="text-purple font-weight-bold font-30 text-uppercase mb-2">{{ cur.name }}</div>
  180.                       <p>{{ cur.description|raw }}</p>
  181.                     </div>
  182.                     <div class="hide-line">
  183.                       {{ cur.cours|raw }}
  184.                     </div>
  185.                     <div class="p-link position-absolute r-0 b-0">
  186.                       <span>
  187.                         <span></span>
  188.                       </span>
  189.                     </div>
  190.                   </div>
  191.                 </div>
  192.               </div>
  193.             </div>
  194.           {% endfor %}
  195.         </div>
  196.       </div>
  197.     </div>
  198.   </div>
  199. </section>
  200. {% endif %}
  202. {% endblock %}