templates/front/shanghai.html.twig line 1

Open in your IDE?
  1. {% extends 'front.html.twig' %}
  3. {% block title %}Nos formations à SHANGAI | CIMEF-INTERNATIONAL{% endblock %}
  4. {% block meta_description %}
  5. <meta name="description" content="Boostez votre carrière avec les formations CIMEF à Shanghai. Séminaires de haut niveau en management, finances publiques, marchés publics, leadership et IA "/>
  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/shanghai">
  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.     .titre-certificat{color:#051a53;font-family:arial!important;font-size:18px;line-height:1.3;font-weight:700}.shadow{box-shadow:0 1px 4px 0 rgba(0,0,0,.1),0 3px 10px 0 rgba(0,0,0,.1)}.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}@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,.text-lien{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)}.text-lien:hover{color:#051a53!important}.wrap_header_banner{height:400px;background-size:cover;background-position:center;background-repeat:no-repeat}
  14. </style>
  15. {% endblock %}
  16. {% block body %}
  17.     {% include 'section/navbar.html.twig' %}
  18.         {% for message in app.flashes('success') %}
  19.         <div class="row toast_success" style="top: 100px !important; float: right !important; position: absolute;">
  20.             <div class="col-md-2 col-sm-2" style="padding: 10px;">
  21.                 <i class="fa fa-check fa-2x" aria-hidden="true"></i>
  22.             </div>
  23.             <div class="col-md-10 col-sm-10" style="padding: 10px;">
  24.                 <label>{{ message }}</label>
  25.             </div>
  26.         </div>    
  27.         {% endfor %}
  28.         {% for message in app.flashes('warning') %}
  29.         <div class="row toast_warning" style="top: 100px !important; float: right !important; position: absolute;">
  30.             <div class="col-md-2 col-sm-2" style="padding: 10px;">
  31.                 <i class="fa fa-check fa-2x" aria-hidden="true"></i>
  32.             </div>
  33.             <div class="col-md-10 col-sm-10" style="padding: 10px;">
  34.                 <label>{{ message }}</label>
  35.             </div>
  36.         </div>   
  37.         {% endfor %}
  38.         {% for message in app.flashes('danger') %}
  39.         <div class="row toast_danger" style="top: 100px !important; float: right !important; position: absolute;">
  40.             <div class="col-md-2 col-sm-2" style="padding: 10px;">
  41.                 <i class="fa fa-check fa-2x" aria-hidden="true"></i>
  42.             </div>
  43.             <div class="col-md-10 col-sm-10" style="padding: 10px;">
  44.                 <label>{{ message }}</label>
  45.             </div>
  46.         </div>   
  47.         {% endfor %}
  48.         
  49.         
  50.         <div class="wrap_header_banner" style="background-image: url('{{ asset('public/inter/slides/shanghai/shanghai_3.jpg') }}');">
  51.             <div class="">
  52.                 <div class="row_site">
  53.                     <div class="container_site">
  54.                         <div class="cover_color"></div>
  55.                         <div class="header_banner_el">
  56.                         </div>
  57.                     </div>
  58.                 </div>
  59.             </div>
  60.         </div>
  63.         <div class="container-event">
  64.            <div id="sidebar-active" class="content-event">
  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 une formation..." 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 theme-item" data-theme="{{ pag.theme|lower }}" style="padding: 10px; margin-bottom: 10px; border: 1px solid #cfcfcf; width: 100%; margin-left: 2px;">
  80.                         <div class="col-md-6 col-sm-12 theme-item" data-theme="{{ pag.theme|lower }}" style="padding: 10px;">
  81.                                 <div style="margin-bottom: 20px;"><label class="titre-certificat">{{ pag.theme }}</label></div>
  82.                     
  83.                                 <span style="text-transform: lowercase; color: #201D1C;"> {{ pag.ville }} &nbsp;|</span>
  84.                                 <span style="text-transform: lowercase;"> <b style="color: #ff6600;">{{ pag.session }}</b> &nbsp;|</span>
  85.                                 <span style="text-transform: lowercase;">&nbsp; <b style="color: #ff6600;">{{ pag.prix }} {{ pag.devise }}</b> &nbsp;|</span>
  86.                                 <a style="text-transform: lowercase; color: #ff6600;" href="{{ path('front.inscription',{'slug': pag.slug, 'id': pag.id,'seminaires': 'formations shanghai'}) }}">S'inscrire</a>
  87.                             </div>
  88.                         </div>
  89.                     {% endfor %}
  90.                 {% endif %}
  91.  
  92.         
  93.            </div>
  94.         
  95.            {% include 'section/aside.html.twig' %}
  96.                   
  97.         </div>
  98.            {% include 'section/footer.html.twig' %}
  99.     <script>
  100.         document.getElementById("searchCertyou").addEventListener("keyup",function(){let e=this.value.toLowerCase().trim();document.querySelectorAll(".theme-item").forEach(function(t){(t.dataset.theme||"").includes(e)?t.style.display="":t.style.display="none"})});
  101.     </script>
  102.         
  103. {% endblock %}    
  104.