templates/front/index.html.twig line 1

Open in your IDE?
  1. {% extends 'front.html.twig' %}
  3. {% block title %}Accueil - CIMEF-INTERNATIONAL {% endblock %}
  4. {% block meta_description %}
  5. <meta name="description" content="CIMEF International (Centre International de Management et d’Expertise Financière) a été créé à Montréal par des experts de haut niveau qui totalisent chacun"/>
  6. <meta property="og:image" content="https://cimef-international.org/public/inter/LOGO CIMEF.jpg.jpeg">
  7. <meta property="og:url" content="https://cimef-international.org/">
  8. <meta property="og:type" content="website">
  9. {% endblock %}
  10. {% block styleSheets %}
  11. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
  12. <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
  13. <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
  15. <style id='wp-emoji-styles-inline-css' type='text/css'>
  16.     .modal-body img,.modal-image{max-width:90%;max-height:90vh}.swiper-slide{border:1px solid #ededed;height:100px;width:100px}.swiper-button-next,.swiper-button-prev,.swiper-pagination{display:none!important}.subtitle{font-size:14px!important;color:#f60!important;font-weight:400!important;font-family:arial!important}.ova-progress-title{font-family:arial!important;font-weight:700!important}.line{border:1px solid #f60!important}.title{font-family:Roboto!important;font-size:30!important}.display_text{display:block}@media (min-width:576px){.rs-layer{font-size:14px}}@media (min-width:768px){.rs-layer{font-size:14px}.display_text{display:none}}.modal{display:none;position:fixed;padding-top:40px!important;inset:0;background:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-image{object-fit:contain}.close{position:absolute;top:20px;right:30px;font-size:35px;color:#fff;cursor:pointer}
  17. </style>
  19. <style>
  20.   @media (max-width: 740px) {
  21.     .btn-slide{
  22.         width:;
  23.     }
  24.   }
  25. </style>
  26. {% endblock %}
  28. {% block body %}
  29. {% include 'section/navbar.html.twig' %}
  30.     <!--
  31.     <div id="imageModal" class="modal" style="text-align: center !important;">
  32.         <span class="close" id="closeModal" style="cursor: pointer; font-size: 30px; position: absolute; top: 10px; right: 20px; z-index: 9999; color: white;">&times;</span>
  33.         <div class="modal-body text-center">
  34.             <a href="{{ path('front.inter.thematique') }}">
  35.                 <img src="{{ asset('public/popup/calendrier_nouveau.jpeg')}}" style="height: 70%;">
  36.             </a>
  37.             <a href="{{ path('front.inter.thematique') }}">
  38.                 <img src="{{ asset('public/popup/calendrier_nouveau.jpeg')}}" style="height: 70%;">
  39.             </a>
  40.             <a href="{{ path('front.inter.thematique') }}">
  41.                 <img src="{{ asset('public/popup/calendrier_nouveau.jpeg')}}" style="height: 70%;">
  42.             </a>
  43.         </div>
  44.     </div>
  45.     <script>
  46.         document.addEventListener("DOMContentLoaded",function(){let e=document.getElementById("imageModal"),t=document.getElementById("closeModal"),n=document.getElementById("openModal");n.addEventListener("click",function(t){t.preventDefault(),e.style.display="flex"}),t.addEventListener("click",function(){e.style.display="none"}),e.addEventListener("click",function(t){t.target===e&&(e.style.display="none")})});
  47.     </script>
  48.     -->
  49.     {% include 'section/popup.html.twig' %}
  51.     <div data-elementor-type="wp-page" data-elementor-id="10" class="elementor elementor-10">
  52.         <section class="elementor-section elementor-top-section elementor-element elementor-element-15080e2 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="15080e2" data-element_type="section">
  53.           <div class="elementor-container elementor-column-gap-no">
  54.             <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-14edaf7" data-id="14edaf7" data-element_type="column">
  55.               <div class="elementor-widget-wrap elementor-element-populated">
  56.                 <div class="elementor-element elementor-element-321bd94 elementor-widget elementor-widget-slider_revolution" data-id="321bd94" data-element_type="widget" data-widget_type="slider_revolution.default">
  57.                   <div class="elementor-widget-container">
  59.                     <div class="wp-block-themepunch-revslider">
  60.                       <!-- START Home 1 REVOLUTION SLIDER 6.7.38 -->
  61.                       
  62.                       <p class="rs-p-wp-fix"></p>
  63.                       <rs-module-wrap id="rev_slider_1_1_wrapper" data-source="gallery" style="visibility:hidden;background:#051a53;padding:0;margin:0px auto;margin-top:0;margin-bottom:0;">
  64.                         <rs-module id="rev_slider_1_1" data-version="6.7.38">
  65.                           <rs-slides style="overflow: hidden; position: absolute;">
  66.                             
  67.                             <rs-slide style="position: absolute;" data-key="rs-1" data-title="Slide 1" data-description="Next, Prev" 
  68.                             data-thumb="{{ asset('public/inter/slide/firm-handshake(1).jpg.jpeg')}}"  data-seoz="front" data-anim="ms:500ms;" data-in="o:0;" data-out="a:false;">
  69.                               <img loading="lazy" decoding="async" src="{{ asset('public/inter/slides/firm-handshake(1).jpg.jpeg')}}" style="width: 100% !important;" alt="slideshow-01" title="slideshow-01" width="1894" height="699" class="rev-slidebg tp-rs-img rs-lazyload" 
  70.                               data-lazyload="{{ asset('public/inter/slides/firm-handshake(1).jpg.jpeg')}}" data-panzoom="d:5000ms;e:slow;ss:100%;se:105%;" data-no-retina>
  71.                                     <rs-layer id="slider-1-slide-1-layer-0" data-type="text" data-color="rgba(255, 255, 255, 0.7)||#ffffff||#ffffff||#ffffff" data-rsp_ch="on" data-xy="xo:35px,35px,35px,30px;yo:185px,185px,120px,120px;" 
  72.                                     data-text="w:normal;s:14,12,12,13;l:18;ls:1px;fw:800;" data-frame_0="y:100%;" data-frame_0_mask="u:t;" 
  73.                                     data-frame_1="e:power2.inOut;st:500;sp:500;" data-frame_1_mask="u:t;" data-frame_999="o:0;st:w;" 
  74.                                     style="z-index:10;font-family:'arial';text-transform:uppercase;">Des compétences pratiques pour répondre <br class="display_text">aux défis du monde professionnel<br />
  75.                                     </rs-layer>
  76.                             
  77.                                   <label id="slider-1-slide-1-layer-1" class="rs-layer" data-type="text" data-rsp_ch="on" data-xy="xo:30px,30px,30px,25px;y:m;yo:-35px,-35px,-45px,-45px;" 
  78.                                   data-text="w:normal;s:50,60,90,27;l:60,100,90,30;fw:800;" data-frame_0="y:50,41,31,19;" data-frame_1="st:1000;sp:1000;" data-frame_999="o:0;st:w;" 
  79.                                   style="z-index:8;font-family:'arial';text-transform:uppercase;">Développez vos compétences<br />
  80.                                     transformez votre avenir
  81.                                   </label> 
  82.                                   
  83.                                   <rs-layer id="slider-1-slide-1-layer-2" data-type="image" data-rsp_ch="on" data-xy="x:r;" data-text="w:normal;s:20,16,12,7;l:0,20,15,9;" 
  84.                                   data-dim="w:671px,558px,423px,260px;h:700px,582px,442px,272px;" data-vbility="t,t,t,f" data-basealign="slide" data-frame_0="y:top;" 
  85.                                   data-frame_1="e:slow;st:1500;sp:1000;" data-frame_999="o:0;st:w;" style="z-index:6;">
  86.                                       <img loading="lazy" decoding="async" src="wp-content/plugins/revslider/sr6/assets/assets/dummy.png" alt="" 
  87.                                       class="tp-rs-img rs-lazyload" width="671" height="700"
  88.                                       data-lazyload="https://cimef-international.org/public/inter/wp-content/uploads/2023/06/overlay-slideshow.png" data-no-retina>
  89.                                   </rs-layer>
  90.                                   
  91.                                   
  92.                                   <a href="{{ path('front.seminaire.internationaux') }}"
  93.                                     id="slider-1-slide-1-layer-4"
  94.                                     class="rs-layer rev-btn"
  95.                                     href="history/index.html" target="_self"
  96.                                     data-type="button"
  97.                                     data-rsp_ch="on"
  98.                                     data-xy="xo:35px,35px,35px,30px;y:b;yo:185px,185px,140px,120px;"
  99.                                     data-text="w:normal;s:15;l:20;fw:700;"
  100.                                     data-dim="minh:0px,none,none,none;"
  101.                                     data-padding="t:20;r:40;b:20;l:40;"
  102.                                     data-frame_0="sX:0.9;sY:0.9;"
  103.                                     data-frame_1="st:1500;sp:1000;"
  104.                                     data-frame_999="o:0;st:w;"
  105.                                     data-frame_hover="bgc:#051a53;bor:0px,0px,0px,0px;bri:120%;"
  106.                                     style="z-index:7;background-color:#ff6600;font-family:'Arial';"
  107.                                 >Découvrez nos formations
  108.                                 </a>
  109.                             
  110.                             
  111.                                 <a href="{{ path('front.inter.thematique') }}"
  112.                                     style="margin-left: 300px !important; border: 1px solid #fff;"
  113.                                     id="slider-1-slide-1-layer-4"
  114.                                     class="rs-layer rev-btn"
  115.                                     target="_self"
  116.                                     data-type="button"
  117.                                     data-rsp_ch="on"
  118.                                     data-xy="xo:35px,35px,35px,30px;y:b;yo:185px,185px,140px,120px;"
  119.                                     data-text="w:normal;s:15;l:20;fw:700;"
  120.                                     data-dim="minh:0px,none,none,none;"
  121.                                     data-padding="t:20;r:40;b:20;l:40;"
  122.                                     data-frame_0="sX:0.9;sY:0.9;"
  123.                                     data-frame_1="st:1500;sp:1000;"
  124.                                     data-frame_999="o:0;st:w;"
  125.                                     data-frame_hover="bgc:#051a53;bor:0px,0px,0px,0px;bri:120%;"
  126.                                     style="z-index:7;background-color:#ff6600;font-family:'Arial';"
  127.                                 >Découvrez nos thématiques
  128.                                 </a>
  129.                             </rs-slide>
  130.                             
  131.                             
  132.                             <rs-slide style="position: absolute;" data-key="rs-2" data-title="Slide 2" 
  133.                             data-thumb="{{ asset('public/inter/slides/groupe.jpg')}}" data-anim="ms:500ms;" data-in="o:0;" data-out="a:false;">
  134.                               <img loading="lazy" decoding="async" src="{{ asset('public/inter/slides/groupe.jpg')}}" 
  135.                               alt="slideshow-02" title="slideshow-02" width="1894" height="699" class="rev-slidebg tp-rs-img rs-lazyload" 
  136.                               data-lazyload="{{ asset('public/inter/slides/groupe.jpg')}}" data-panzoom="d:5000ms;e:slow;ss:100%;se:105%;" data-no-retina>
  137.                                 <rs-layer id="slider-1-slide-2-layer-0" data-type="text" data-color="rgba(255, 255, 255, 0.7)||#ffffff||#ffffff||#ffffff" data-rsp_ch="on" 
  138.                                 data-xy="xo:35px,35px,35px,30px;yo:185px,185px,120px,120px;" data-text="w:normal;s:14,12,12,13;l:18;ls:1px;fw:800;" data-frame_0="y:100%;" data-frame_0_mask="u:t;" 
  139.                                 data-frame_1="e:power2.inOut;st:500;sp:500;" data-frame_1_mask="u:t;" data-frame_999="o:0;st:w;" 
  140.                                 style="z-index:9;font-family:'Arial';text-transform:uppercase;">Des formations orientées emploi, performance et <br class="display_text">évolution de carrière<br />
  142.                               </rs-layer>
  144.                               <label id="slider-1-slide-2-layer-1" class="rs-layer" data-type="text" data-rsp_ch="on" data-xy="xo:30px,30px,30px,25px;y:m;yo:-35px,-35px,-45px,-45px;" 
  145.                               data-text="w:normal;s:50,60,90,27;l:60,100,90,30;fw:800;" data-frame_0="y:50,41,31,19;" data-frame_1="st:1000;sp:1000;" data-frame_999="o:0;st:w;" 
  146.                               style="z-index:8;font-family:'Arial';text-transform:uppercase;">Des formateurs experts,<br /> une pédagogie orientée<br/> résultats
  147.                               </label>
  149.                               <rs-layer id="slider-1-slide-2-layer-2" data-type="image" data-rsp_ch="on" data-xy="x:r;" data-text="w:normal;s:20,16,12,7;l:0,20,15,9;" 
  150.                               data-dim="w:671px,558px,423px,260px;h:700px,582px,442px,272px;" data-vbility="t,t,t,f" data-basealign="slide" data-frame_0="y:top;" 
  151.                               data-frame_1="e:slow;st:1500;sp:1000;" data-frame_999="o:0;st:w;" style="z-index:6;">
  152.                                   <img loading="lazy" decoding="async" src="wp-content/plugins/revslider/sr6/assets/assets/dummy.png" alt="" 
  153.                                   class="tp-rs-img rs-lazyload" width="671" height="700" data-lazyload="https://cimef-international.org/public/inter/wp-content/uploads/2023/06/overlay-slideshow.png" 
  154.                                   data-no-retina>
  155.                               </rs-layer>
  157.                               <a href="{{ path('front.seminaire.internationaux') }}"
  158.                                 id="slider-1-slide-2-layer-4"
  159.                                 class="rs-layer rev-btn"
  160.                                 href="history/index.html" target="_self"
  161.                                 data-type="button"
  162.                                 data-rsp_ch="on"
  163.                                 data-xy="xo:35px,35px,35px,30px;y:b;yo:185px,185px,140px,120px;"
  164.                                 data-text="w:normal;s:15;l:20;fw:700;"
  165.                                 data-dim="minh:0px,none,none,none;"
  166.                                 data-padding="t:20;r:40;b:20;l:40;"
  167.                                 data-frame_0="sX:0.9;sY:0.9;"
  168.                                 data-frame_1="st:1500;sp:1000;"
  169.                                 data-frame_999="o:0;st:w;"
  170.                                 data-frame_hover="bgc:#051a53;bor:0px,0px,0px,0px;bri:120%;"
  171.                                 style="z-index:7;background-color:#ff6600;font-family:'Arial';"
  172.                             >Découvrez nos formations 
  173.                             </a>
  174.                             
  175.                             <a href="{{ path('front.inter.thematique') }}"
  176.                                 style="margin-left: 300px !important; border: 1px solid #fff;"
  177.                                 id="slider-1-slide-1-layer-4"
  178.                                 class="rs-layer rev-btn"
  179.                                 target="_self"
  180.                                 data-type="button"
  181.                                 data-rsp_ch="on"
  182.                                 data-xy="xo:35px,35px,35px,30px;y:b;yo:185px,185px,140px,120px;"
  183.                                 data-text="w:normal;s:15;l:20;fw:700;"
  184.                                 data-dim="minh:0px,none,none,none;"
  185.                                 data-padding="t:20;r:40;b:20;l:40;"
  186.                                 data-frame_0="sX:0.9;sY:0.9;"
  187.                                 data-frame_1="st:1500;sp:1000;"
  188.                                 data-frame_999="o:0;st:w;"
  189.                                 data-frame_hover="bgc:#051a53;bor:0px,0px,0px,0px;bri:120%;"
  190.                                 style="z-index:7;background-color:#ff6600;font-family:'Arial';"
  191.                                 >Découvrez nos thématiques
  192.                             </a>
  193.                             </rs-slide>
  194.                             <rs-slide style="position: absolute;" data-key="rs-3" data-title="Slide 3" 
  195.                             data-thumb="{{ asset('public/inter/slides/salle.jpeg')}}" 
  196.                             data-anim="ms:500ms;" data-in="o:0;" data-out="a:false;">
  197.                               <img loading="lazy" decoding="async" src="{{ asset('public/inter/slides/salle.jpeg')}}" alt="slideshow-03" title="slideshow-03" 
  198.                               width="1894" height="699" class="rev-slidebg tp-rs-img rs-lazyload" 
  199.                               data-lazyload="{{ asset('public/inter/slides/salle.jpeg')}}" data-panzoom="d:5000ms;e:slow;ss:100%;se:105%;" data-no-retina>
  200.                               <rs-layer id="slider-1-slide-3-layer-0" data-type="text" data-color="rgba(255, 255, 255, 0.7)||#ffffff||#ffffff||#ffffff" 
  201.                               data-rsp_ch="on" data-xy="xo:35px,35px,35px,30px;yo:185px,185px,120px,120px;" data-text="w:normal;s:14,12,12,13;l:18;ls:1px;fw:800;" 
  202.                               data-frame_0="y:100%;" data-frame_0_mask="u:t;" data-frame_1="e:power2.inOut;st:500;sp:500;" data-frame_1_mask="u:t;" data-frame_999="o:0;st:w;" 
  203.                               style="z-index:9;font-family:'Arial';text-transform:uppercase;">apprendre aujourd’hui les compétences qui feront la <br class="display_text">différence demain<br />
  205.                               </rs-layer>
  206.                               <label id="slider-1-slide-3-layer-1" class="rs-layer" data-type="text" data-rsp_ch="on" data-xy="xo:30px,30px,30px,25px;y:m;yo:-35px,-35px,-45px,-45px;" 
  207.                               data-text="w:normal;s:50,60,90,27;l:60,100,90,30;fw:800;" data-frame_0="y:50,41,31,19;" data-frame_1="st:1000;sp:1000;" data-frame_999="o:0;st:w;" 
  208.                               style="z-index:8;font-family:'Arial';text-transform:uppercase;">Formations flexibles  : </span><br />
  209.                                 présentiel, en ligne <br />ou hybride 
  211.                               </label><!--
  213.                             --><rs-layer id="slider-1-slide-3-layer-2" data-type="image" data-rsp_ch="on" data-xy="x:r;" data-text="w:normal;s:20,16,12,7;l:0,20,15,9;" 
  214.                             data-dim="w:671px,558px,423px,260px;h:700px,582px,442px,272px;" data-vbility="t,t,t,f" data-basealign="slide" 
  215.                             data-frame_0="y:top;" data-frame_1="e:slow;st:1500;sp:1000;" data-frame_999="o:0;st:w;" style="z-index:6;">
  216.                                 <img loading="lazy" decoding="async" src="wp-content/plugins/revslider/sr6/assets/assets/dummy.png" alt="" 
  217.                                 class="tp-rs-img rs-lazyload" width="671"
  218.                                 height="700" data-lazyload="https://cimef-international.org/public/inter/wp-content/uploads/2023/06/overlay-slideshow.png" data-no-retina>
  219.                               </rs-layer><!--
  221.                             --><a href="{{ path('front.seminaire.internationaux') }}"
  222.                                 id="slider-1-slide-3-layer-4"
  223.                                 class="rs-layer rev-btn"
  224.                                 href="history/index.html" target="_self"
  225.                                 data-type="button"
  226.                                 data-rsp_ch="on"
  227.                                 data-xy="xo:35px,35px,35px,30px;y:b;yo:185px,185px,140px,120px;"
  228.                                 data-text="w:normal;s:15;l:20;fw:700;"
  229.                                 data-dim="minh:0px,none,none,none;"
  230.                                 data-padding="t:20;r:40;b:20;l:40;"
  231.                                 data-frame_0="sX:0.9;sY:0.9;"
  232.                                 data-frame_1="st:1500;sp:1000;"
  233.                                 data-frame_999="o:0;st:w;"
  234.                                 data-frame_hover="bgc:#051a53;bor:0px,0px,0px,0px;bri:120%;"
  235.                                 style="z-index:7;background-color:#ff6600;font-family:'Arial';"
  236.                             >Découvrez nos formations
  237.                             </a>
  238.                             <a href="{{ path('front.inter.thematique') }}"
  239.                                 style="margin-left: 300px !important; border: 1px solid #fff;"
  240.                                 id="slider-1-slide-1-layer-4"
  241.                                 class="rs-layer rev-btn"
  242.                                 target="_self"
  243.                                 data-type="button"
  244.                                 data-rsp_ch="on"
  245.                                 data-xy="xo:35px,35px,35px,30px;y:b;yo:185px,185px,140px,120px;"
  246.                                 data-text="w:normal;s:15;l:20;fw:700;"
  247.                                 data-dim="minh:0px,none,none,none;"
  248.                                 data-padding="t:20;r:40;b:20;l:40;"
  249.                                 data-frame_0="sX:0.9;sY:0.9;"
  250.                                 data-frame_1="st:1500;sp:1000;"
  251.                                 data-frame_999="o:0;st:w;"
  252.                                 data-frame_hover="bgc:#051a53;bor:0px,0px,0px,0px;bri:120%;"
  253.                                 style="z-index:7;background-color:#ff6600;font-family:'Arial';"
  254.                                 >Découvrez nos thématiques
  255.                             </a>
  256.                             </rs-slide>
  257.                             
  258.                           </rs-slides>
  259.                         </rs-module>
  260.                         <script data-cfasync="false" src="../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
  261.                         <script>
  262.                           setREVStartSize({
  263.                             c: 'rev_slider_1_1',
  264.                             rl: [1240, 1024, 778, 480],
  265.                             el: [700, 700, 600, 520],
  266.                             gw: [1230, 1024, 778, 480],
  267.                             gh: [700, 700, 600, 520],
  268.                             type: 'standard',
  269.                             justify: '',
  270.                             layout: 'fullwidth',
  271.                             mh: "0"
  272.                           });
  273.                           if (window.RS_MODULES !== undefined && window.RS_MODULES.modules !== undefined && window.RS_MODULES.modules["revslider11"] !== undefined) {
  274.                             window.RS_MODULES.modules["revslider11"].once = false;
  275.                             window.revapi1 = undefined;
  276.                             if (window.RS_MODULES.checkMinimal !== undefined) window.RS_MODULES.checkMinimal()
  277.                           }
  278.                         </script>
  279.                       </rs-module-wrap>
  280.                       <!-- END REVOLUTION SLIDER -->
  281.                     </div>
  283.                   </div>
  284.                 </div>
  285.               </div>
  286.             </div>
  287.           </div>
  288.         </section>
  289.         <style>
  290.             .marquee {
  291.               margin-bottom: 10px;
  292.               overflow: hidden;
  293.               white-space: nowrap;
  294.               width: 100%;
  295.             }
  296.             
  297.             .marquee-text {
  298.               display: inline-block;
  299.               padding-left: 100%;
  300.               animation: defilement 30s linear infinite;
  301.             }
  302.             
  303.             @keyframes defilement {
  304.               from {
  305.                 transform: translateX(0);
  306.               }
  307.               to {
  308.                 transform: translateX(-100%);
  309.               }
  310.             }
  311.         </style>
  312.         <section class="elementor-section elementor-top-section elementor-element elementor-element-c206c7e elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="c206c7e" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
  313.             
  314.             <div class="elementor-background-overlay"></div>
  315.             
  316.                 <div class="elementor-container elementor-column-gap-default">
  317.                     <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-52892b3" data-id="52892b3" data-element_type="column">
  318.                         <div class="elementor-widget-wrap elementor-element-populated">
  319.                             <div class="elementor-element elementor-element-ea9c418 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="ea9c418" data-element_type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInDown&quot;,&quot;_animation_tablet&quot;:&quot;none&quot;,&quot;_animation_delay&quot;:200}" data-widget_type="text-editor.default">
  320.                                 <div class="elementor-widget-container">
  321.                                     <!--<p>Développer vos compétences, renforcer votre leadership et anticiper les grands enjeux de demain.</p>-->                                
  322.                                     <div class="marquee">
  323.                                         <div class="marquee-text">
  324.                                             <p style="color: #FFEDB3;">
  325.                                                 Le catalogue des formations du dernier trimestre 2026 est disponible. Inscrivez-vous dès aujourd'hui et préparez votre montée en compétences avec CIMEF International.
  326.                                             </p>
  327.                                         </div>
  328.                                     </div>
  329.                                 </div>
  330.                                 <div class="elementor-element elementor-element-d8b591e elementor-invisible elementor-widget elementor-widget-ova_list_dep" data-id="d8b591e" data-element_type="widget" data-settings="{&quot;_animation&quot;:&quot;ova-move-up&quot;,&quot;_animation_tablet&quot;:&quot;none&quot;,&quot;_animation_delay&quot;:200}" data-widget_type="ova_list_dep.default">
  331.                                     <div class="elementor-widget-container">
  333.                                     <div class="swiper ova-services-slider">
  334.                                         <div class="swiper-wrapper ova_list_dep template1 four_column" style="width: 100% !important; text-align: center !important;">
  335.                                     
  336.                                             <!-- Item 1 -->
  337.                                             {% if thematiqueLimit != null %}
  338.                                                 {% for thematique in thematiqueLimit %}
  339.                                                 <div class="swiper-slide">
  340.                                                     <div class="items" style="height: 150px; padding-left: 5px !important; padding-right: 5px !important;">
  341.                                                         <a href="{{ path('front.thematique.detail', {'slug': thematique.slug, 'id': thematique.id }) }}">
  342.                                                             <h2 style="font-size: 16px; text-decoration: none !important;">
  343.                                                                 {{ thematique.nom }} 
  344.                                                             </h2>
  345.                                                         </a>
  346.                                                     </div>
  347.                                                 </div>
  348.                                                 {% endfor %}
  349.                                             {% endif %}
  350.                                             <!--
  351.                                             <div class="swiper-slide">
  352.                                                 <div class="items">
  353.                                                     <img decoding="async" class="follow-img" src="{{ asset('public/inter/images-icons/recrutement.png') }}" alt="Recrutement">
  354.                                                     <span class="number">2</span>
  355.                                                     <div class="icon">
  356.                                                         <i class="fas fa-user-tie"></i>
  357.                                                     </div>
  358.                                                     <h2 class="title">
  359.                                                         <a href="#">Recrutement</a>
  360.                                                     </h2>
  361.                                                 </div>
  362.                                             </div>
  363.                                     
  364.                                             <div class="swiper-slide">
  365.                                                 <div class="items">
  366.                                                     <img decoding="async" class="follow-img" src="{{ asset('public/inter/images-icons/discuter.png') }}" alt="Conseil">
  367.                                                     <span class="number">3</span>
  368.                                                     <div class="icon">
  369.                                                         <i class="fas fa-handshake"></i>
  370.                                                     </div>
  371.                                                     <h2 class="title">
  372.                                                         <a href="#">Conseil</a>
  373.                                                     </h2>
  374.                                                 </div>
  375.                                             </div>
  376.                                     
  377.                                             <div class="swiper-slide">
  378.                                                 <div class="items">
  379.                                                     <img decoding="async" class="follow-img" src="{{ asset('public/inter/images-icons/technologie-cloud.png') }}" alt="Technologie">
  380.                                                     <span class="number">4</span>
  381.                                                     <div class="icon">
  382.                                                         <i class="fas fa-microchip"></i>
  383.                                                     </div>
  384.                                                     <h2 class="title">
  385.                                                         <a href="#">Technologie</a>
  386.                                                     </h2>
  387.                                                 </div>
  388.                                             </div>
  389.                                             
  390.                                             <div class="swiper-slide">
  391.                                                 <div class="items">
  392.                                                     <img decoding="async" class="follow-img" src="{{ asset('public/inter/images-icons/technologie-cloud.png') }}" alt="Technologie">
  393.                                                     <span class="number">5</span>
  394.                                                     <div class="icon">
  395.                                                         <i class="fas fa-microchip"></i>
  396.                                                     </div>
  397.                                                     <h2 class="title">
  398.                                                         <a href="#">Technologie</a>
  399.                                                     </h2>
  400.                                                 </div>
  401.                                             </div>
  402.                                             -->
  403.                                     
  404.                                         </div>
  405.                                     
  406.                                         <!-- Pagination -->
  407.                                         <div class="swiper-pagination"></div>
  408.                                         <!-- Navigation -->
  409.                                         <div class="swiper-button-prev"></div>
  410.                                         <div class="swiper-button-next"></div>
  411.                                     </div>
  413.                                 </div>
  414.                             </div>
  415.                         </div>
  416.                     </div>
  417.                 </div>
  418.             </div>
  419.         </section>
  421.         <section style="margin-top: -50px!important;" class="elementor-section elementor-top-section elementor-element elementor-element-3cd496b elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no" data-id="3cd496b" data-element_type="section">
  422.             <div class="elementor-background-overlay"></div>
  423.                 <div class="elementor-container elementor-column-gap-default">
  424.                     <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-64479dd" data-id="64479dd" data-element_type="column">
  425.                        <div class="elementor-widget-wrap elementor-element-populated">
  426.                           <div class="elementor-element elementor-element-b17ad92 elementor-widget__width-auto elementor-invisible elementor-widget elementor-widget-image" data-id="b17ad92" data-element_type="widget" data-settings="{&quot;_animation&quot;:&quot;ova-move-right&quot;,&quot;_animation_tablet&quot;:&quot;none&quot;}" data-widget_type="image.default">
  427.                              <div class="elementor-widget-container">
  428.                                 <img loading="lazy" decoding="async" width="1195" height="1171" 
  429.                                 src="{{ asset('public/chef_cimef_inter.jpg') }}" 
  430.                                 class="attachment-full size-full wp-image-20675" alt="Groupe 1" 
  431.                                 srcset="{{ asset('public/chef_cimef_inter.jpg') }}" 
  432.                                 sizes="(max-width: 800px) 100vw, 800px" title="14 -">                                                            
  433.                              </div>
  434.                           </div>
  435.                        </div>
  436.                     </div>
  437.                     <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ab55b3e" data-id="ab55b3e" data-element_type="column">
  438.                         <div class="elementor-widget-wrap elementor-element-populated">
  439.                             <div class="elementor-element elementor-element-78f24ef elementor-widget elementor-widget-gimont_elementor_heading" data-id="78f24ef" data-element_type="widget" data-widget_type="gimont_elementor_heading.default">
  440.                                 <div class="elementor-widget-container">
  441.                                     <div class="ova-heading template_2">
  442.                                          <span class="subtitle" style="color: #ff6600 !important;">Qui sommes nous ?</span>
  443.                                          <span class="line" style="height: 3px; background-color: #ff6600 !important;"></span>
  444.                                          <h2 class="title" style="color: #051a53 !important;">CIMEF INTERNATIONAL</h2>
  445.                                          <p class="desc">CIMEF International (Centre International de Management et d’Expertise Financière) a été créé à Montréal par des experts de haut niveau qui totalisent chacun plusieurs années d’expériences dans le domaine de la formation, du recrutement de la technologie et du conseil.</p>
  446.                                     </div>
  447.                                 </div>
  448.                             </div>
  449.         
  450.                             <div class="elementor-element elementor-element-f7dc3b8 elementor-widget elementor-widget-gimont_elementor_progress" data-id="f7dc3b8" data-element_type="widget" data-widget_type="gimont_elementor_progress.default">
  451.                                <div class="elementor-widget-container">
  452.                                   <div class="ova-progress">
  453.                                      <h3 class="ova-progress-title">Formation</h3>
  454.                                      <div class="ova-percent-view" >
  455.                                         <div class="ova-percent" data-percent="95"></div>
  456.                                         <span class="percentage" data-show-percent="yes">
  457.                                         95%
  458.                                         </span>
  459.                                      </div>
  460.                                   </div>
  461.                                </div>
  462.                             </div>
  463.                             <div class="elementor-element elementor-element-c7e573e elementor-widget elementor-widget-gimont_elementor_progress" data-id="c7e573e" data-element_type="widget" data-widget_type="gimont_elementor_progress.default">
  464.                                <div class="elementor-widget-container">
  465.                                   <div class="ova-progress">
  466.                                      <h3 class="ova-progress-title">Conseil</h3>
  467.                                      <div class="ova-percent-view" >
  468.                                         <div class="ova-percent" data-percent="90"></div>
  469.                                         <span class="percentage" data-show-percent="yes">
  470.                                         90%
  471.                                         </span>
  472.                                      </div>
  473.                                   </div>
  474.                                </div>
  475.                             </div>
  476.                             <div class="elementor-element elementor-element-bee98f5 elementor-widget elementor-widget-gimont_elementor_progress" data-id="bee98f5" data-element_type="widget" data-widget_type="gimont_elementor_progress.default">
  477.                                <div class="elementor-widget-container">
  478.                                   <div class="ova-progress">
  479.                                      <h3 class="ova-progress-title">Récrutement</h3>
  480.                                      <div class="ova-percent-view" >
  481.                                         <div class="ova-percent" data-percent="95"></div>
  482.                                         <span class="percentage" data-show-percent="yes">
  483.                                         95%
  484.                                         </span>
  485.                                      </div>
  486.                                   </div>
  487.                                </div>
  488.                             </div>
  489.                             <div class="elementor-element elementor-element-7613036 elementor-widget elementor-widget-gimont_elementor_progress" data-id="7613036" data-element_type="widget" data-widget_type="gimont_elementor_progress.default">
  490.                                <div class="elementor-widget-container">
  491.                                   <div class="ova-progress">
  492.                                      <h3 class="ova-progress-title">Technologie</h3>
  493.                                      <div class="ova-percent-view" >
  494.                                         <div class="ova-percent" data-percent="90"></div>
  495.                                         <span class="percentage" data-show-percent="yes">
  496.                                         90%
  497.                                         </span>
  498.                                      </div>
  499.                                   </div>
  500.                                </div>
  501.                             </div>
  502.         
  503.                             <section class="elementor-section elementor-inner-section elementor-element elementor-element-e1d7e04 elementor-section-content-middle elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no" data-id="e1d7e04" data-element_type="section">
  504.                                <div class="elementor-container elementor-column-gap-default">
  505.                                   <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-30d8823" data-id="30d8823" data-element_type="column">
  506.                                      <div class="elementor-widget-wrap elementor-element-populated">
  507.                                         <div class="elementor-element elementor-element-b731775 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-image-box" data-id="b731775" data-element_type="widget" data-widget_type="image-box.default">
  508.                                            <div class="elementor-widget-container">
  509.                                               <div class="elementor-image-box-wrapper">
  510.                                                  <div class="elementor-image-box-content"><span class="elementor-image-box-title">La formation précède la compétitivité !</span></div>
  511.                                               </div>
  512.                                            </div>
  513.                                         </div>
  514.                                      </div>
  515.                                   </div>
  516.                                   <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-36a79f6" data-id="36a79f6" data-element_type="column">
  517.                                      <div class="elementor-widget-wrap elementor-element-populated">
  518.                                         <div class="elementor-element elementor-element-ed19aa7 elementor-mobile-align-center elementor-widget elementor-widget-button" data-id="ed19aa7" data-element_type="widget" data-widget_type="button.default">
  519.                                            <div class="elementor-widget-container">
  520.                                               <div class="elementor-button-wrapper">
  521.                                                  <a class="elementor-button elementor-button-link elementor-size-sm" href="https://cimef-international.org/presentation">
  522.                                                  <span class="elementor-button-content-wrapper">
  523.                                                  <span class="elementor-button-text">En savoir plus</span>
  524.                                                  </span>
  525.                                                  </a>
  526.                                               </div>
  527.                                            </div>
  528.                                         </div>
  529.                                      </div>
  530.                                   </div>
  531.                                </div>
  532.                             </section>
  533.         
  534.                         </div>
  535.                     </div>
  536.                 </div>
  537.             </div>
  538.         </section>
  539.         
  540.         {% include 'section/statistiques.html.twig' %}
  541.         
  542.         {% include 'section/formations.html.twig' %}
  543.         
  544.         {% include 'section/catalogue-video.html.twig' %}
  546.         {% include 'section/actualite-index.html.twig' %}
  547.         
  548.         {% include 'section/reference-index.html.twig' %}
  549.     </div>
  551.     {% include 'section/footer.html.twig' %}
  552.     <script>
  553.         const swiper = new Swiper('.mySwiper', {
  554.             loop: true,
  555.             spaceBetween: 20,
  556.     
  557.             autoplay: {
  558.                 delay: 1000,
  559.                 disableOnInteraction: false,
  560.             },
  561.             breakpoints: {
  562.                 640: {
  563.                     slidesPerView: 1,
  564.                 },
  565.                 768: {
  566.                     slidesPerView: 3,
  567.                 },
  568.                 1024: {
  569.                     slidesPerView: 5,
  570.                 },
  571.             }
  572.         });
  573.     </script>
  574.     
  575.     
  576.     {% endblock %}