templates/front/index.html.twig line 1

Open in your IDE?
  1. {% extends 'front.html.twig' %}
  3. {% block title %}Accueil - CIMEF-INTERNATIONAL {% endblock %}
  5. {% block styleSheets %}
  6. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
  7. <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
  9. <style id='wp-emoji-styles-inline-css' type='text/css'>
  10.     .swiper-slide{
  11.         border: 1px solid #ededed;
  12.         height: 100px;
  13.         width: 100px;
  14.     }
  15.     .swiper-button-next,
  16.     .swiper-button-prev,
  17.     .swiper-pagination {
  18.         display: none !important;
  19.     }
  20.     .subtitle{
  21.         font-size: 14px !important;
  22.         color: #ff6600 !important;
  23.         font-weight: normal !important;
  24.         font-family: arial !important;
  25.     }
  26.     .ova-progress-title{
  27.        font-family: arial !important;
  28.        font-weight: bold !important;
  29.     }
  30.     .line{
  31.         border: 1px solid #ff6600 !important;
  32.     }
  33.     .title{
  34.         font-family: Roboto !important;
  35.         font-size: 30 !important;
  36.     }
  37.     /* Small devices ≥576px */
  38.     @media (min-width: 576px) {
  39.         .rs-layer{ font-size: 14px;}
  40.     }
  41.     
  42.     /* Medium devices ≥768px */
  43.     @media (min-width: 768px) {
  44.         .rs-layer{ font-size: 14px;}
  45.     }
  48. </style>
  49. {% endblock %}
  51. {% block body %}
  52. {% include 'section/navbar.html.twig' %}
  55.     <div data-elementor-type="wp-page" data-elementor-id="10" class="elementor elementor-10">
  56.         <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">
  57.           <div class="elementor-container elementor-column-gap-no">
  58.             <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-14edaf7" data-id="14edaf7" data-element_type="column">
  59.               <div class="elementor-widget-wrap elementor-element-populated">
  60.                 <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">
  61.                   <div class="elementor-widget-container">
  63.                     <div class="wp-block-themepunch-revslider">
  64.                       <!-- START Home 1 REVOLUTION SLIDER 6.7.38 -->
  65.                       
  66.                       <p class="rs-p-wp-fix"></p>
  67.                       <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;">
  68.                         <rs-module id="rev_slider_1_1" data-version="6.7.38">
  69.                           <rs-slides style="overflow: hidden; position: absolute;">
  70.                             
  71.                             <rs-slide style="position: absolute;" data-key="rs-1" data-title="Slide 1" data-description="Next, Prev" 
  72.                             data-thumb="{{ asset('public/inter/slide/bercy_2.jpg')}}"  data-seoz="front" data-anim="ms:500ms;" data-in="o:0;" data-out="a:false;">
  73.                               <img loading="lazy" decoding="async" src="{{ asset('public/inter/slides/bercy_2.jpg')}}" style="width: 100% !important;" alt="slideshow-01" title="slideshow-01" width="1894" height="699" class="rev-slidebg tp-rs-img rs-lazyload" 
  74.                               data-lazyload="{{ asset('public/inter/slides/bercy_2.jpg')}}" data-panzoom="d:5000ms;e:slow;ss:100%;se:105%;" data-no-retina>
  75.                                     <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;" 
  76.                                     data-text="w:normal;s:14;l:18;ls:1px;fw:800;" data-frame_0="y:100%;" data-frame_0_mask="u:t;" 
  77.                                     data-frame_1="e:power2.inOut;st:500;sp:500;" data-frame_1_mask="u:t;" data-frame_999="o:0;st:w;" style="z-index:10;font-family:'arial';text-transform:uppercase;">Des compétences pratiques pour répondre aux défis du monde professionnel<br />
  78.                                     </rs-layer>
  79.                             
  80.                                   <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;" 
  81.                                   data-text="w:normal;s:50,60,90,60;l:60,100,90,60;fw:800;" data-frame_0="y:50,41,31,19;" data-frame_1="st:1000;sp:1000;" data-frame_999="o:0;st:w;" 
  82.                                   style="z-index:8;font-family:'arial';text-transform:uppercase;">Développez vos compétences<br />
  83.                                     transformez votre avenir
  84.                                   </label>
  85.                                   
  86.                                   <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;" 
  87.                                   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;" 
  88.                                   data-frame_1="e:slow;st:1500;sp:1000;" data-frame_999="o:0;st:w;" style="z-index:6;">
  89.                                       <img loading="lazy" decoding="async" src="wp-content/plugins/revslider/sr6/assets/assets/dummy.png" alt="Overlay Slideshow" 
  90.                                       class="tp-rs-img rs-lazyload" width="671" height="700"
  91.                                       data-lazyload="//demo.ovathemewp.com/gimont/wp-content/uploads/2023/06/overlay-slideshow.png" data-no-retina>
  92.                                   </rs-layer>
  93.                                   
  94.                                   <a href="{{ path('front.seminaire.internationaux') }}"
  95.                                     id="slider-1-slide-1-layer-4"
  96.                                     class="rs-layer rev-btn"
  97.                                     href="history/index.html" target="_self"
  98.                                     data-type="button"
  99.                                     data-rsp_ch="on"
  100.                                     data-xy="xo:35px,35px,35px,30px;y:b;yo:185px,185px,140px,120px;"
  101.                                     data-text="w:normal;s:15;l:20;fw:700;"
  102.                                     data-dim="minh:0px,none,none,none;"
  103.                                     data-padding="t:20;r:40;b:20;l:40;"
  104.                                     data-frame_0="sX:0.9;sY:0.9;"
  105.                                     data-frame_1="st:1500;sp:1000;"
  106.                                     data-frame_999="o:0;st:w;"
  107.                                     data-frame_hover="bgc:#051a53;bor:0px,0px,0px,0px;bri:120%;"
  108.                                     style="z-index:7;background-color:#ff6600;font-family:'Arial';"
  109.                                 >Découvrez nos formations
  110.                                 </a>
  111.                             
  112.                             </rs-slide>
  113.                             
  114.                             
  115.                             <rs-slide style="position: absolute;" data-key="rs-2" data-title="Slide 2" 
  116.                             data-thumb="{{ asset('public/inter/slides/groupe.jpg')}}" data-anim="ms:500ms;" data-in="o:0;" data-out="a:false;">
  117.                               <img loading="lazy" decoding="async" src="{{ asset('public/inter/slides/groupe.jpg')}}" 
  118.                               alt="slideshow-02" title="slideshow-02" width="1894" height="699" class="rev-slidebg tp-rs-img rs-lazyload" 
  119.                               data-lazyload="{{ asset('public/inter/slides/groupe.jpg')}}" data-panzoom="d:5000ms;e:slow;ss:100%;se:105%;" data-no-retina>
  120.                                 <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" 
  121.                                 data-xy="xo:35px,35px,35px,30px;yo:185px,185px,120px,120px;" data-text="w:normal;s:14;l:18;ls:1px;fw:800;" data-frame_0="y:100%;" data-frame_0_mask="u:t;" 
  122.                                 data-frame_1="e:power2.inOut;st:500;sp:500;" data-frame_1_mask="u:t;" data-frame_999="o:0;st:w;" 
  123.                                 style="z-index:9;font-family:'Arial';text-transform:uppercase;">Des formations orientées emploi, performance et évolution de carrière<br />
  125.                               </rs-layer>
  127.                               <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;" 
  128.                               data-text="w:normal;s:50,60,90,60;l:60,100,90,60;fw:800;" data-frame_0="y:50,41,31,19;" data-frame_1="st:1000;sp:1000;" data-frame_999="o:0;st:w;" 
  129.                               style="z-index:8;font-family:'Arial';text-transform:uppercase;">Des formateurs experts,<br /> une pédagogie orientée<br/> résultats
  130.                               </label>
  132.                               <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;" 
  133.                               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;" 
  134.                               data-frame_1="e:slow;st:1500;sp:1000;" data-frame_999="o:0;st:w;" style="z-index:6;">
  135.                                   <img loading="lazy" decoding="async" src="wp-content/plugins/revslider/sr6/assets/assets/dummy.png" alt="Overlay Slideshow" 
  136.                                   class="tp-rs-img rs-lazyload" width="671" height="700" data-lazyload="//demo.ovathemewp.com/gimont/wp-content/uploads/2023/06/overlay-slideshow.png" 
  137.                                   data-no-retina>
  138.                               </rs-layer>
  140.                               <a href="{{ path('front.seminaire.internationaux') }}"
  141.                                 id="slider-1-slide-2-layer-4"
  142.                                 class="rs-layer rev-btn"
  143.                                 href="history/index.html" target="_self"
  144.                                 data-type="button"
  145.                                 data-rsp_ch="on"
  146.                                 data-xy="xo:35px,35px,35px,30px;y:b;yo:185px,185px,140px,120px;"
  147.                                 data-text="w:normal;s:15;l:20;fw:700;"
  148.                                 data-dim="minh:0px,none,none,none;"
  149.                                 data-padding="t:20;r:40;b:20;l:40;"
  150.                                 data-frame_0="sX:0.9;sY:0.9;"
  151.                                 data-frame_1="st:1500;sp:1000;"
  152.                                 data-frame_999="o:0;st:w;"
  153.                                 data-frame_hover="bgc:#051a53;bor:0px,0px,0px,0px;bri:120%;"
  154.                                 style="z-index:7;background-color:#ff6600;font-family:'Arial';"
  155.                             >Découvrez nos formations 
  156.                             </a>
  157.                             </rs-slide>
  158.                             <rs-slide style="position: absolute;" data-key="rs-3" data-title="Slide 3" 
  159.                             data-thumb="{{ asset('public/inter/slides/salle.jpeg')}}" 
  160.                             data-anim="ms:500ms;" data-in="o:0;" data-out="a:false;">
  161.                               <img loading="lazy" decoding="async" src="{{ asset('public/inter/slides/salle.jpeg')}}" alt="slideshow-03" title="slideshow-03" 
  162.                               width="1894" height="699" class="rev-slidebg tp-rs-img rs-lazyload" 
  163.                               data-lazyload="{{ asset('public/inter/slides/salle.jpeg')}}" data-panzoom="d:5000ms;e:slow;ss:100%;se:105%;" data-no-retina>
  164.                               <rs-layer id="slider-1-slide-3-layer-0" data-type="text" data-color="rgba(255, 255, 255, 0.7)||#ffffff||#ffffff||#ffffff" 
  165.                               data-rsp_ch="on" data-xy="xo:35px,35px,35px,30px;yo:185px,185px,120px,120px;" data-text="w:normal;s:14;l:18;ls:1px;fw:800;" 
  166.                               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;" 
  167.                               style="z-index:9;font-family:'Arial';text-transform:uppercase;">apprendre aujourd’hui les compétences qui feront la différence demain<br />
  169.                               </rs-layer>
  170.                               <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;" 
  171.                               data-text="w:normal;s:50,60,90,60;l:60,100,90,60;fw:800;" data-frame_0="y:50,41,31,19;" data-frame_1="st:1000;sp:1000;" data-frame_999="o:0;st:w;" 
  172.                               style="z-index:8;font-family:'Arial';text-transform:uppercase;">Formations flexibles  : </span><br />
  173.                                 présentiel, en ligne <br />ou hybride 
  175.                               </label><!--
  177.                             --><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;" 
  178.                             data-dim="w:671px,558px,423px,260px;h:700px,582px,442px,272px;" data-vbility="t,t,t,f" data-basealign="slide" 
  179.                             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;">
  180.                                 <img loading="lazy" decoding="async" src="wp-content/plugins/revslider/sr6/assets/assets/dummy.png" alt="Overlay Slideshow" 
  181.                                 class="tp-rs-img rs-lazyload" width="671"
  182.                                 height="700" data-lazyload="//demo.ovathemewp.com/gimont/wp-content/uploads/2023/06/overlay-slideshow.png" data-no-retina>
  183.                               </rs-layer><!--
  185.                             --><a href="{{ path('front.seminaire.internationaux') }}"
  186.                                 id="slider-1-slide-3-layer-4"
  187.                                 class="rs-layer rev-btn"
  188.                                 href="history/index.html" target="_self"
  189.                                 data-type="button"
  190.                                 data-rsp_ch="on"
  191.                                 data-xy="xo:35px,35px,35px,30px;y:b;yo:185px,185px,140px,120px;"
  192.                                 data-text="w:normal;s:15;l:20;fw:700;"
  193.                                 data-dim="minh:0px,none,none,none;"
  194.                                 data-padding="t:20;r:40;b:20;l:40;"
  195.                                 data-frame_0="sX:0.9;sY:0.9;"
  196.                                 data-frame_1="st:1500;sp:1000;"
  197.                                 data-frame_999="o:0;st:w;"
  198.                                 data-frame_hover="bgc:#051a53;bor:0px,0px,0px,0px;bri:120%;"
  199.                                 style="z-index:7;background-color:#ff6600;font-family:'Arial';"
  200.                             >Découvrez nos formations
  201.                             </a>
  203.                             </rs-slide>
  204.                             
  205.                           </rs-slides>
  206.                         </rs-module>
  207.                         <script data-cfasync="false" src="../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
  208.                         <script>
  209.                           setREVStartSize({
  210.                             c: 'rev_slider_1_1',
  211.                             rl: [1240, 1024, 778, 480],
  212.                             el: [700, 700, 600, 520],
  213.                             gw: [1230, 1024, 778, 480],
  214.                             gh: [700, 700, 600, 520],
  215.                             type: 'standard',
  216.                             justify: '',
  217.                             layout: 'fullwidth',
  218.                             mh: "0"
  219.                           });
  220.                           if (window.RS_MODULES !== undefined && window.RS_MODULES.modules !== undefined && window.RS_MODULES.modules["revslider11"] !== undefined) {
  221.                             window.RS_MODULES.modules["revslider11"].once = false;
  222.                             window.revapi1 = undefined;
  223.                             if (window.RS_MODULES.checkMinimal !== undefined) window.RS_MODULES.checkMinimal()
  224.                           }
  225.                         </script>
  226.                       </rs-module-wrap>
  227.                       <!-- END REVOLUTION SLIDER -->
  228.                     </div>
  230.                   </div>
  231.                 </div>
  232.               </div>
  233.             </div>
  234.           </div>
  235.         </section>
  236.         
  237.         <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;}">
  238.             <div class="elementor-background-overlay"></div>
  239.                 <div class="elementor-container elementor-column-gap-default">
  240.                     <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-52892b3" data-id="52892b3" data-element_type="column">
  241.                         <div class="elementor-widget-wrap elementor-element-populated">
  242.                             <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">
  243.                                 <div class="elementor-widget-container">
  244.                                     <p>The official guide to living, working, visiting and investing in the Texas. <a href="https://demo.ovathemewp.com/gimont/departments/">All Departments</a></p>                                </div>
  245.                                 </div>
  246.                                 <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">
  247.                                     <div class="elementor-widget-container">
  248.                             
  249.         
  250.         
  251.                                     <div class="ova_list_dep template1 four_column" style="width: 100% !important; text-align: center !important;">
  252.                                     
  253.                                         <!-- Item 1 -->
  254.                                         <div class="items">
  255.                                             <img
  256.                                                 decoding="async"
  257.                                                 class="follow-img"
  258.                                                 src="https://demo.ovathemewp.com/gimont/wp-content/uploads/2023/06/department-04-300x225.jpg"
  259.                                                 alt="Your governement"
  260.                                             >
  261.                                     
  262.                                             <span class="number">1</span>
  263.                                     
  264.                                             <div class="icon">
  265.                                                 <i aria-hidden="true" class="gimonticon-big-house"></i>
  266.                                             </div>
  267.                                     
  268.                                             <h2 class="title">
  269.                                                 <a href="https://demo.ovathemewp.com/gimont/ova_dep/your-governement/">
  270.                                                         Formations
  271.                                                 </a>
  272.                                             </h2>
  273.                                         </div>
  274.                                     
  275.                                         <!-- Item 2 -->
  276.                                         <div class="items">
  277.                                             <img
  278.                                                 decoding="async"
  279.                                                 class="follow-img"
  280.                                                 src="https://demo.ovathemewp.com/gimont/wp-content/uploads/2023/06/department-06-300x200.jpg"
  281.                                                 alt="Roads & Transport"
  282.                                             >
  283.                                     
  284.                                             <span class="number">2</span>
  285.                                     
  286.                                             <div class="icon">
  287.                                                 <i aria-hidden="true" class="gimonticon-bus"></i>
  288.                                             </div>
  289.                                     
  290.                                             <h2 class="title">
  291.                                                 <a href="https://demo.ovathemewp.com/gimont/ova_dep/roads-transport/">
  292.                                                     Recrutement
  293.                                                 </a>
  294.                                             </h2>
  295.                                         </div>
  296.                                     
  297.                                         <!-- Item 3 -->
  298.                                         <div class="items">
  299.                                             <img
  300.                                                 decoding="async"
  301.                                                 class="follow-img"
  302.                                                 src="https://demo.ovathemewp.com/gimont/wp-content/uploads/2023/06/department-01-300x199.jpg"
  303.                                                 alt="Policing & crimes"
  304.                                             >
  305.                                     
  306.                                             <span class="number">3</span>
  307.                                     
  308.                                             <div class="icon">
  309.                                                 <i aria-hidden="true" class="gimonticon-handcuffs"></i>
  310.                                             </div>
  311.                                     
  312.                                             <h2 class="title">
  313.                                                 <a href="https://demo.ovathemewp.com/gimont/ova_dep/policing-crimes/">
  314.                                                     Conseil
  315.                                                 </a>
  316.                                             </h2>
  317.                                         </div>
  318.                                     
  319.                                         <!-- Item 4 -->
  320.                                         <div class="items">
  321.                                             <img
  322.                                                 decoding="async"
  323.                                                 class="follow-img"
  324.                                                 src="https://demo.ovathemewp.com/gimont/wp-content/uploads/2023/06/department-03-300x200.jpg"
  325.                                                 alt="Justice & safety law"
  326.                                             >
  327.                                     
  328.                                             <span class="number">4</span>
  329.                                     
  330.                                             <div class="icon">
  331.                                                 <i aria-hidden="true" class="gimonticon-balance"></i>
  332.                                             </div>
  333.                                     
  334.                                             <h2 class="title">
  335.                                                 <a href="https://demo.ovathemewp.com/gimont/ova_dep/justice-safety-law/">
  336.                                                     Technologie
  337.                                                 </a>
  338.                                             </h2>
  339.                                         </div>
  341.                                     </div>
  342.                                 </div>
  343.                             </div>
  344.                         </div>
  345.                     </div>
  346.                 </div>
  347.             </div>
  348.         </section>
  349.         
  350.         
  352.         <section style="margin-top: 100px;" 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">
  353.             <div class="elementor-background-overlay"></div>
  354.                 <div class="elementor-container elementor-column-gap-default">
  355.                     <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-64479dd" data-id="64479dd" data-element_type="column">
  356.                        <div class="elementor-widget-wrap elementor-element-populated">
  357.                           <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">
  358.                              <div class="elementor-widget-container">
  359.                                 <img loading="lazy" decoding="async" width="1195" height="1171" src="https://i0.wp.com/beta.cimef-international.org/wp-content/uploads/2024/07/Groupe-1.png?fit=1195%2C1171&amp;ssl=1" class="attachment-full size-full wp-image-20675" alt="Groupe 1" srcset="https://i0.wp.com/beta.cimef-international.org/wp-content/uploads/2024/07/Groupe-1.png?w=1195&amp;ssl=1 1195w, https://i0.wp.com/beta.cimef-international.org/wp-content/uploads/2024/07/Groupe-1.png?resize=300%2C294&amp;ssl=1 300w, https://i0.wp.com/beta.cimef-international.org/wp-content/uploads/2024/07/Groupe-1.png?resize=1024%2C1003&amp;ssl=1 1024w, https://i0.wp.com/beta.cimef-international.org/wp-content/uploads/2024/07/Groupe-1.png?resize=768%2C753&amp;ssl=1 768w, https://i0.wp.com/beta.cimef-international.org/wp-content/uploads/2024/07/Groupe-1.png?resize=600%2C588&amp;ssl=1 600w" sizes="(max-width: 800px) 100vw, 800px" title="14 -">                                                            
  360.                              </div>
  361.                           </div>
  362.                        </div>
  363.                     </div>
  364.                     <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ab55b3e" data-id="ab55b3e" data-element_type="column">
  365.                         <div class="elementor-widget-wrap elementor-element-populated">
  366.                             <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">
  367.                                 <div class="elementor-widget-container">
  368.                                     <div class="ova-heading template_2">
  369.                                          <span class="subtitle">Qui sommes nous ?</span>
  370.                                          <span class="line"></span>
  371.                                          <h2 class="title">CIMEF INTERNATIONAL</h2>
  372.                                          <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>
  373.                                     </div>
  374.                                 </div>
  375.                             </div>
  376.         
  377.                             <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">
  378.                                <div class="elementor-widget-container">
  379.                                   <div class="ova-progress">
  380.                                      <h3 class="ova-progress-title">Formation</h3>
  381.                                      <div class="ova-percent-view" >
  382.                                         <div class="ova-percent" data-percent="95"></div>
  383.                                         <span class="percentage" data-show-percent="yes">
  384.                                         95%
  385.                                         </span>
  386.                                      </div>
  387.                                   </div>
  388.                                </div>
  389.                             </div>
  390.                             <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">
  391.                                <div class="elementor-widget-container">
  392.                                   <div class="ova-progress">
  393.                                      <h3 class="ova-progress-title">Conseil</h3>
  394.                                      <div class="ova-percent-view" >
  395.                                         <div class="ova-percent" data-percent="90"></div>
  396.                                         <span class="percentage" data-show-percent="yes">
  397.                                         90%
  398.                                         </span>
  399.                                      </div>
  400.                                   </div>
  401.                                </div>
  402.                             </div>
  403.                             <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">
  404.                                <div class="elementor-widget-container">
  405.                                   <div class="ova-progress">
  406.                                      <h3 class="ova-progress-title">Récrutement</h3>
  407.                                      <div class="ova-percent-view" >
  408.                                         <div class="ova-percent" data-percent="95"></div>
  409.                                         <span class="percentage" data-show-percent="yes">
  410.                                         95%
  411.                                         </span>
  412.                                      </div>
  413.                                   </div>
  414.                                </div>
  415.                             </div>
  416.                             <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">
  417.                                <div class="elementor-widget-container">
  418.                                   <div class="ova-progress">
  419.                                      <h3 class="ova-progress-title">Technologie</h3>
  420.                                      <div class="ova-percent-view" >
  421.                                         <div class="ova-percent" data-percent="90"></div>
  422.                                         <span class="percentage" data-show-percent="yes">
  423.                                         90%
  424.                                         </span>
  425.                                      </div>
  426.                                   </div>
  427.                                </div>
  428.                             </div>
  429.         
  430.                             <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">
  431.                                <div class="elementor-container elementor-column-gap-default">
  432.                                   <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-30d8823" data-id="30d8823" data-element_type="column">
  433.                                      <div class="elementor-widget-wrap elementor-element-populated">
  434.                                         <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">
  435.                                            <div class="elementor-widget-container">
  436.                                               <div class="elementor-image-box-wrapper">
  437.                                                  <div class="elementor-image-box-content"><span class="elementor-image-box-title">La formation précède la compétitivité !</span></div>
  438.                                               </div>
  439.                                            </div>
  440.                                         </div>
  441.                                      </div>
  442.                                   </div>
  443.                                   <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-36a79f6" data-id="36a79f6" data-element_type="column">
  444.                                      <div class="elementor-widget-wrap elementor-element-populated">
  445.                                         <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">
  446.                                            <div class="elementor-widget-container">
  447.                                               <div class="elementor-button-wrapper">
  448.                                                  <a class="elementor-button elementor-button-link elementor-size-sm" href="https://cimef-international.org/presentation/">
  449.                                                  <span class="elementor-button-content-wrapper">
  450.                                                  <span class="elementor-button-text">En savoir plus</span>
  451.                                                  </span>
  452.                                                  </a>
  453.                                               </div>
  454.                                            </div>
  455.                                         </div>
  456.                                      </div>
  457.                                   </div>
  458.                                </div>
  459.                             </section>
  460.         
  461.                         </div>
  462.                     </div>
  463.                 </div>
  464.         
  465.             </div>
  466.         </section>
  468.         {% include 'section/statistiques.html.twig' %}
  469.         
  470.         {% include 'section/formations.html.twig' %}
  471.         
  472.         {% include 'section/catalogue-video.html.twig' %}
  474.         {% include 'section/actualite-index.html.twig' %}
  475.         
  476.         {% include 'section/reference-index.html.twig' %}
  477.         
  478.     </div>
  479. {% include 'section/footer.html.twig' %}
  480. <script>
  481.     const swiper = new Swiper('.mySwiper', {
  482.         loop: true,
  483.         spaceBetween: 20,
  485.         autoplay: {
  486.             delay: 1000,
  487.             disableOnInteraction: false,
  488.         },
  491.         breakpoints: {
  492.             640: {
  493.                 slidesPerView: 1,
  494.             },
  495.             768: {
  496.                 slidesPerView: 3,
  497.             },
  498.             1024: {
  499.                 slidesPerView: 5,
  500.             },
  501.         }
  502.     });
  503. </script>
  506. {% endblock %}