templates/front/certyou.html.twig line 1

Open in your IDE?
  1. {% extends 'front.html.twig' %}
  3. {% block title %}Certificats internationaux II | CIMEF-INTERNATIONAL{% endblock %}
  4. {% block meta_description %}
  5. <meta name="description" content="Certifications IT & management reconnues : ITIL, Agile, PMI, ISO 27001, Lean Sigma, TOGAF, business analysis. En ligne ou présentiel. Paris, Abidjan, Dakar"/>
  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-II">
  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:16px;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 II</h1>
  39.                 </div>
  40.             </div>
  41.         </div>
  42.     </div>
  43. </div>
  47. <div class="container-event">
  48.    <div id="sidebar-active" class="content-event" style="width: 100%; margin: 0px !important; padding: 0px !important;">
  49.        
  50.        <div class="mb-5">
  51.             <label>Description :</label>
  52.             <p>
  53.                <b>CIMEF International</b> , en partenariat avec <b>CERTyou</b>, vous propose des <b>certifications</b> professionnelles internationales reconnues dans les domaines clés de l' IT et du 
  54.                management : <b>Agile</b> (PSPO, SAFe), <b>gestion de projets PMI</b> (CAPM, PgMP), <b>cybersécurité</b> (CISM, CRISC, ISO 27001), <b>Lean Six Sigma</b> (IASSC), TOGAF et business analysis (CBAP, CCBA).
  55.             <br>
  56.                Dispensées depuis Paris, les formations peuvent se tenir en classe hybride  à Abidjan, Dakar, Casablanca et Paris ou totalement virtuelle depuis chez vous. 
  57.             <br>
  58.                Ces <b>formations certifiantes</b> s'adressent aux cadres et professionnels souhaitant valider leurs compétences avec des certifications à forte valeur sur le marché en 2026.
  59.             <br>
  60.              certifications professionnelles internationales, Agile, PMI, cybersécurité, ISO 27001, Lean Six Sigma, TOGAF, classe virtuelle, 
  61.                 présentiel, hybride, cadres, Abidjan, Dakar)
  62.             </p>
  63.         </div>
  64.        
  65.        <div class="shadow" style="margin-bottom: 20px !impirtant; width: 100%; padding: 10px !important; 
  66.        border: 1px solid #cfcfcf; background-color: #F5F5F5 !important;">
  67.             <form method="POST">
  68.                 <div class="row" style="width: 100%; margin: 0px !important; padding: 0px !important;">
  69.                     <div class="col-md-12 col-sm-12">
  70.                         <input type="text" class="form-control" name="recherche" id="searchCertyou" placeholder="Rechercher un certificat..." style="width: 100%;" />
  71.                     </div>
  72.                 </div>
  73.             </form>
  74.         </div>
  75.         <div class="mt-4" style="height: 20px;"></div>
  76.       <!-- search form -->
  77.         {% if pagination != null %}
  78.             {% for pag in pagination %}
  79.             <div class="row certyou-item" data-nom="{{ pag.theme|lower }}" style="padding: 10px !important; margin-bottom: 10px; margin-left: 0px; border: 1px solid #cfcfcf; width: 100% !important;">
  80.                 <div class="col-md-12 col-sm-12">
  81.                     <div style="margin-bottom: 20px;"><h3 class="titre-certificat">{{ pag.theme }}</h3></div>
  82.                     <span style="color: #201D1C;">Formation {% if pag.type == 'virtuelle' %}<b style="text-transform: lowercase; color: #ff6600;">En ligne</b>
  83.                     {% else %}<b style="text-transform: lowercase; color: #ff6600;">Présentielle + en ligne</b>{% endif %} &nbsp; |</span>
  84.                     <span style="color: #201D1C;">&nbsp;Durée &nbsp;<b style="text-transform: lowercase; color: #ff6600;">{{ pag.duree }} </b>&nbsp;</span>
  85.                     <a style="text-transform: lowercase; color: #ff6600;" href="{{ path('front.inter.certificat.certyou.inscription',{'slug': pag.slug, 'id': pag.id}) }}">| &nbsp;S'inscrire</a>
  86.                 </div>
  87.             </div>
  88.             {% endfor %}
  89.         {% endif %}
  90.         
  92.    </div>
  94.    {% include 'section/aside.html.twig' %}
  96. </div>
  97.    {% include 'section/footer.html.twig' %}
  99. <script>
  100.     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"})});
  101. </script>
  103. {% endblock %}