templates/front/certificat.html.twig line 1

Open in your IDE?
  1. {% extends 'front.html.twig' %}
  3. {% block title %}Certificats internationaux I | CIMEF-INTERNATIONAL{% endblock %}
  4. {% block meta_description %}
  5. <meta name="description" content="Boostez votre carrière avec les certificats internationaux du CIMEF : finance, management, IT, HSE… Formations présentielle ou en ligne à Paris, Dubai, Abidjan."/>
  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/formations/certificats/certificats-internationaux-I">
  8. <meta property="og:type" content="website">
  9. {% endblock %}
  10. {% block styleSheets %}
  11. <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-element-bundle.min.js"></script>
  12. <style id='wp-emoji-styles-inline-css' type='text/css'>
  13.     label{color: #ff6600;font-weight: bold;}.titre-certificat{color:#051a53;font-family:arial!important;font-size:18px;line-height:1.3;font-weight:700}.row{display:flex;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem}.events_pagination ul.pagination{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0}.page-item.active .page-link{background-color:#f60;color:#fff}.page-link{margin:10px;color:#051a53;background-color:#ededed;border-radius:5px;padding:10px}.text-lien{color:#f60}@media (min-width:576px){.col-3,.col-sm-12,.col-sm-4,.col-sm-6{flex:0 0 100%;max-width:100%}}@media (min-width:768px){.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%}}.type1 .date-event{transition:.5s;position:absolute;bottom:20px;left:30px;z-index:1;font-size:12px;color:#fff;font-weight:700;text-transform:uppercase;text-align:center;line-height:1.3;letter-spacing:1px;background-color:#f60!important;padding:12px}.icon_event{color:#f60!important}.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)}
  14. </style>
  15. {% endblock %}
  16. {% block body %}
  17. {% include 'section/navbar.html.twig' %}
  18. <div class="wrap_header_banner" style="height: 200px; background: url({{ asset('public/inter/table.jpeg')}});        
  19.         background-size: cover;
  20.         background-position: center;
  21.         background-repeat: no-repeat;">
  22.     <div class="overlay-slider">
  23.         <div class="row_site">
  24.             <div class="container_site">
  25.                 <div class="cover_color"></div>
  26.                 <div class="header_banner_el">
  27.                     <div class="header_breadcrumbs">
  28.                         <div id="breadcrumbs">
  29.                         <ul class="breadcrumb">
  30.                             <li><a href="{{ path('front.inter.index') }}" style="color: #fff!important;" title="accueil">Accueil</a></li>
  31.                             <li class="li_separator"><span class="separator"><i class="ovaicon-next" style="color: #fff!important;"></i></span></li>
  32.                               <li style="color: #fff!important;">Formations</li>
  33.                             <li class="li_separator"><span class="separator"><i class="ovaicon-next" style="color: #fff!important;"></i></span></li>
  34.                             <li style="color: #fff!important;">Nos certificats interantionaux</li>
  35.                         </ul>
  36.                         </div>
  37.                     </div>
  38.                     <h1 class="header_title" style="color: #fff!important;">Certificats internationaux I</h1>
  39.                 </div>
  40.             </div>
  41.         </div>
  42.     </div>
  43. </div>
  47. <div class="container-event">
  48.    <div id="sidebar-active" class="content-event">
  49.         <div class="mb-5">
  50.             <label>Description :</label>
  51.             <p>
  52.                 CIMEF International vous propose une gamme de certificats professionnels internationaux délivrés en partenariat avec <b>BEM/KEDGE Business School Paris</b> d'une part et d'autre part par des formateurs habilités  
  53.                 par <b>PECB</b>, <b>PMI</b>,  <b>ATO</b>, <b>CISCO</b>, etc. Conçus pour les cadres et dirigeants africains et francophones, ces certifications reconnues couvrent des domaines stratégiques : <b>finances publiques, management de projets, 
  54.                 marchés publics, PPP, gestion des risques, HSE, systèmes d'information et développement durable</b>. Dispensées en format présentiel et en ligne dans des villes internationales — <b>Paris, Dubai, Istanbul, Abidjan </b>
  55.                 — ces formations certifiantes de haut niveau boostent votre employabilité et renforcent votre expertise professionnelle en 2026.
  56.             </p>
  57.         </div>
  58.         
  59.         <div class="mb-2"></div>
  60.         
  61.         <div class="shadow" style="margin-bottom: 20px !impirtant; width: 100%; padding: 10px !important; 
  62.         border: 1px solid #cfcfcf; background-color: #F5F5F5 !important;">
  63.             <form method="POST">
  64.                 <div class="row" style="width: 100%; margin: 0px !important; padding: 0px !important;">
  65.                     <div class="col-md-12 col-sm-12">
  66.                         <input type="text" class="form-control" name="recherche" id="searchCertyou" placeholder="Rechercher un certificat..." style="width: 100%;" />
  67.                     </div>
  68.                 </div>
  69.             </form>
  70.         </div>
  71.         <div class="mt-4" style="height: 20px;"></div>
  72.       <!-- search form -->
  73.         {% if pagination != null %}
  74.             {% for pag in pagination %}
  75.             <div class="row certyou-item" data-nom="{{ pag.theme|lower }}"  style="padding: 10px; margin-bottom: 10px; border: 1px solid #cfcfcf; width: 100%; margin-left: 2px;">
  76.                 <div class="col-md-12 col-sm-12">
  77.                     <div style="margin-bottom: 20px;"><h3 class="titre-certificat">{{ pag.theme }}</h3></div>
  78.                     <span style="text-transform: lowercase; color: #201D1C;"> {{ pag.vilnom }} &nbsp;|</span>
  79.                     <span style="text-transform: lowercase; color: #ff6600; font-weight: bold;"> {{ pag.session }} &nbsp;</span>
  80.                     <span style="text-transform: lowercase; color: #201D1C;">| Formation {% if pag.type == 'virtuelle' %}<b style="text-transform: lowercase; color: #ff6600;">En ligne</b>
  81.                     {% else %}<b style="text-transform: lowercase; color: #ff6600;">Présentielle + en ligne</b>{% endif %} &nbsp; |</span>
  82.                     <span style="text-transform: lowercase; color: #ff6600; font-weight: bold;">&nbsp; {{ pag.prix }} {{ pag.devise }} &nbsp;</span>
  83.                     <span style="text-transform: lowercase;">
  84.                         <a href="{{ path('front.inter.detail.certificat', {'slug': pag.slug }) }}" style="color: #201D1C;">| voir les autres dates | &nbsp;</a>
  85.                     </span>
  86.                     <a style="text-transform: lowercase; color: #ff6600;" href="{{ path('front.inscription',{'slug': pag.slug, 'id': pag.id,'seminaires': 'certificats interantionaux'}) }}">S'inscrire</a>
  87.                 </div>
  88.             </div>
  89.             {% endfor %}
  90.         {% endif %}
  92.    </div>
  94.    {% include 'section/aside.html.twig' %}
  96. </div>
  97.    {% include 'section/footer.html.twig' %}
  98.     <script>
  99.         document.getElementById("searchCertyou").addEventListener("keyup",function(){let e=this.value.toLowerCase().trim();document.querySelectorAll(".certyou-item").forEach(function(t){t.dataset.nom.includes(e)?t.style.display="":t.style.display="none"})});
  100.     </script>
  102. {% endblock %}