templates/front/expertise.html.twig line 1

Open in your IDE?
  1. {% extends 'front.html.twig' %}
  3. {% block title %}Notre expertise | CIMEF-INTERNATIONAL{% endblock %}
  4. {% block meta_description %}
  5. <meta name="description" content="CIMEF International : expertise en formation, conseil, recrutement et solutions IT pour renforcer les capacités des institutions africaines"/>
  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/notre-expertise">
  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">
  14. <style id='wp-emoji-styles-inline-css' type='text/css'>
  15.     .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;font-weight:400!important;font-family:arial!important;color:#f60!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}.row{display:flex;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem}@media (min-width:576px){.rs-layer{font-size:14px}.col-3,.col-sm-12,.col-sm-4,.col-sm-6{flex:0 0 100%;max-width:100%}}@media (min-width:768px){.rs-layer{font-size:14px}.col-md-3,.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-12{flex:0 0 100%;max-width:100%}}@media (min-width:992px){.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-12{flex:0 0 100%;max-width:100%}}.wrap_header_banner .overlay-slider{position:absolute;top:0;left:0;padding-top:30px;width:100%;height:100%;background-color:rgba(0,0,0,.6392156863)}
  16. </style>
  17. {% endblock %}
  18. {% block body %}
  19. {% include 'section/navbar.html.twig' %}
  20. <div class="wrap_header_banner" style="height: 200px; background: url({{ asset('public/inter/table.jpeg')}});        
  21.         background-size: cover;
  22.         background-position: center;
  23.         background-repeat: no-repeat;">
  24.     <div class="overlay-slider">
  25.         <div class="row_site">
  26.             <div class="container_site">
  27.                 <div class="cover_color"></div>
  28.                 <div class="header_banner_el">
  29.                     
  30.                     <div class="header_breadcrumbs">
  31.                         <div id="breadcrumbs">
  32.                             <ul class="breadcrumb">
  33.                                 <li><a href="{{ path('front.inter.index') }}" style="color: #fff!important;" title="accueil">Accueil</a></li>
  34.                                 <li class="li_separator"><span class="separator"><i class="ovaicon-next" style="color: #fff!important;"></i></span></li>
  35.                                 <li style="color: #fff!important;">Notre expertise</li>
  36.                             </ul>
  37.                         </div>
  38.                     </div>
  39.                     <h1 class="header_title" style="color: #fff!important;">Notre expertise </h1>
  40.                     
  41.                 </div>
  42.             </div>
  43.         </div>
  44.     </div>
  45. </div>
  46. <div class="container">
  47.     <div style="padding: 30px;"> 
  48.     </div>
  49. </div>
  51. <div data-elementor-type="wp-page" data-elementor-id="405" class="elementor elementor-405">
  52.    <section class="elementor-section elementor-top-section elementor-element elementor-element-574990e elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="574990e" data-element_type="section">
  53.       <div class="elementor-container elementor-column-gap-no">
  55.          <div class="elementor-column elementor-col-120 elementor-top-column elementor-element elementor-element-eabb843" data-id="eabb843" data-element_type="column">
  56.             <div class="elementor-widget-wrap elementor-element-populated">
  57.                <div class="elementor-element elementor-element-a45a98c elementor-widget elementor-widget-gimont_elementor_heading" data-id="a45a98c" data-element_type="widget" data-widget_type="gimont_elementor_heading.default">
  58.                   <div class="elementor-widget-container">
  59.                      <div class="ova-heading template_1" style="padding-left: 50px; padding-right: 50px;">
  60.                         <span class="line"></span>
  61.                         {% if expertise !=null %}
  62.                         <span class="subtitle">Notre expertise</span>
  63.                         <p class="desc" style="margin-top: -20px;">
  64.                         {{ expertise.0.texte|raw }}
  65.                         </p>
  66.                         {% endif %}
  67.                      </div>
  68.                          
  69.                   </div>
  70.                </div>
  71.             </div>
  72.          </div>
  75.       </div>
  76.    </section>
  77.                    
  78. </div>
  80. <section style="margin-top: 80px; margin-bottom: 80px;" class="elementor-section elementor-top-section elementor-element elementor-element-936b8f7 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="936b8f7" data-element_type="section">
  81.    <div class="elementor-container elementor-column-gap-default">
  82.       <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-243ef1f" data-id="243ef1f" data-element_type="column">
  83.          <div class="elementor-widget-wrap elementor-element-populated">
  84.             <div class="elementor-element elementor-element-4d5410c elementor-widget elementor-widget-gimont_elementor_images_slider" data-id="4d5410c" data-element_type="widget" data-settings="{&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:3000,&quot;nav_control&quot;:&quot;no&quot;}" data-widget_type="gimont_elementor_images_slider.default">
  85.                <div class="elementor-widget-container">
  86.                   <!-- 
  87.                   <div class="ova-images-slider owl-carousel owl-theme " data-options="{&quot;items&quot;:5,&quot;slideBy&quot;:1,&quot;margin&quot;:30,&quot;autoplayHoverPause&quot;:true,&quot;loop&quot;:true,&quot;autoplay&quot;:true,&quot;autoplayTimeout&quot;:3000,&quot;smartSpeed&quot;:500,&quot;dots&quot;:false,&quot;nav&quot;:false,&quot;rtl&quot;:false}" >
  88.                      <div class="item-images-slider">
  89.                         <img decoding="async" src="https://demo.ovathemewp.com/gimont/wp-content/uploads/2023/06/logo-evato.png" alt="">
  90.                      </div>
  91.                   </div>
  92.                   -->
  93.                     <div class="swiper mySwiper">
  94.                         <div class="swiper-wrapper">
  95.                             {% if reference != null %}
  96.                                 {% for ref in reference %}
  97.                                 <div class="swiper-slide" style="background-position: center center; background-repeat: no-repeat; 
  98.                                 background-image: url('{{ asset('public/uploads/images/references/' ~ ref.image) }}'); background-size: contain;">
  99.                                 </div>
  100.                                 {% endfor %}
  101.                             {% endif %}
  102.                         </div>
  103.                     
  104.                         <!-- Pagination -->
  105.                         <div class="swiper-pagination"></div>
  106.                     
  107.                         <!-- Navigation -->
  108.                         <div class="swiper-button-next"></div>
  109.                         <div class="swiper-button-prev"></div>
  110.                     </div>
  111.                </div>
  112.             </div>
  113.          </div>
  114.       </div>
  115.    </div>
  116. </section>
  118.         
  122. {% include 'section/footer.html.twig' %}
  124. <script>
  125.     const swiper = new Swiper('.mySwiper', {
  126.         loop: true,
  127.         spaceBetween: 20,
  129.         autoplay: {
  130.             delay: 1000,
  131.             disableOnInteraction: false,
  132.         },
  135.         breakpoints: {
  136.             640: {
  137.                 slidesPerView: 1,
  138.             },
  139.             768: {
  140.                 slidesPerView: 3,
  141.             },
  142.             1024: {
  143.                 slidesPerView: 5,
  144.             },
  145.         }
  146.     });
  147. </script>
  149. {% endblock %}