templates/front/rencontre-management.html.twig line 1

Open in your IDE?
  1. {% extends 'front.html.twig' %}
  3. {% block title %}Rencontres top management (RTM)| CIMEF-INTERNATIONAL{% endblock %}
  4. {% block meta_description %}
  5. <meta name="description" content="Échanges stratégiques pour hauts cadres : leadership, finance publique, marchés publics. Rejoignez les Rencontres Top Management CIMEF à Paris, Dubaï, New York"/>
  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/rencontre-top-management">
  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.     .shadow{box-shadow:0 1px 4px 0 rgba(0,0,0,.1),0 3px 10px 0 rgba(0,0,0,.1)}.title-mention{color:#051a53!important;font-weight:bolder;font-size:18px}.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;">Rencontres top management (RTM)</li>
  33.                         </ul>
  34.                         </div>
  35.                     </div>
  36.                     <h1 class="header_title" style="color: #fff!important;">Rencontres top management (RTM) </h1>
  37.                 </div>
  38.             </div>
  39.         </div>
  40.     </div>
  41. </div>
  45. <div class="container-event">
  46.     <div id="sidebar-active" class="content-event">
  47.         <div class="mb-5">
  48.             <label style="color: #ff6600; font-weight: bolder;">Description :</label>
  49.             
  50.                 <p style="text-align:justify">
  51.                     Les <span style="color:#051a53"><strong>Rencontres Top Management (RTM)</strong></span> de <span style="color:#051a53"><strong>
  52.                     CIMEF INTERNATIONAL</strong></span> offrent aux hauts cadres de l&#39;administration publique, parapublique et priv&eacute;e 
  53.                     <span style="color:#051a53"><strong>une plateforme d&#39;&eacute;change et de r&eacute;flexion de haut niveau autour de dizaine de 
  54.                     th&egrave;mes cl&eacute;s</strong></span> tels que<span style="color:#051a53"> </span><strong><span style="color:#051a53">l
  55.                     a gouvernance, le leadership, la strat&eacute;gie organisationnelle, les march&eacute;s publics et la fnance publique</span> 
  56.                     </strong>. Ces sessions sont con&ccedil;ues pour approfondir la compr&eacute;hension des enjeux complexes du 
  57.                     <span style="color:#051a53"><strong>top management</strong> </span>et favoriser l&#39;adoption de pratiques innovantes et durables au sein 
  58.                     des structures d&eacute;cisionnelles.
  59.                 </p>
  60.                 <p style="text-align:justify">
  61.                     Les enjeux sont &agrave; la fois strat&eacute;giques et op&eacute;rationnels : renforcer la performance des organisations, optimiser la prise 
  62.                     de d&eacute;cision, s&eacute;curiser la gestion des ressources publiques et priv&eacute;es, et anticiper les d&eacute;fis li&eacute;s &agrave; 
  63.                     la gouvernance et aux march&eacute;s publics. Les RTM permettent d&rsquo;identifier des solutions concr&egrave;tes pour <span style="color:#051a53">
  64.                     <strong>am&eacute;liorer la performance globale et la comp&eacute;titivit&eacute; des institutions</strong></span>.
  65.                 </p>
  66.                 <p style="text-align:justify">
  67.                     Participer &agrave; ces Rencontres, c&rsquo;est b&eacute;n&eacute;ficier d&rsquo;un <span style="color:#051a53"><strong>apprentissage pratique 
  68.                     et d&rsquo;un r&eacute;seautage de haut niveau</strong></span>, directement applicable dans vos fonctions strat&eacute;giques.
  69.                 </p>
  70.                 <h3 style="text-align:justify"><span style="color:#ff6600"><strong>Inscrivez-vous d&egrave;s maintenant &agrave; CIMEF INTERNATIONAL</strong> 
  71.                     pour transformer vos responsabilit&eacute;s en opportunit&eacute;s de leadership et renforcer votre impact dans votre organisation.</span>
  72.                 </h3>
  73.             
  74.         </div>
  75.         <div class="mb-2"></div>
  76.         <h3 style="font-family: Arial; font-weight: bold;">Liste des thèmes</h3>
  77.         <div class="mt-4" style="height: 20px;"></div>
  78.         <div class="shadow" style="margin-bottom: 20px !impirtant; width: 100%; padding: 10px !important; border: 1px solid #cfcfcf; background-color: #F5F5F5 !important;">
  79.             <form method="POST">
  80.                 <div class="row" style="width: 100%; margin: 0px !important; padding: 0px !important;">
  81.                     <div class="col-md-12 col-sm-12">
  82.                         <input type="text" class="form-control" name="recherche" id="searchTheme" placeholder="Rechercher un thème..." style="width: 100%;" />
  83.                     </div>
  84.                 </div>
  85.             </form>
  86.         </div>
  87.         <div class="mt-4" style="height: 20px;"></div>
  88.         <div class="ovaev-event-element version_1">
  89.             {% if pagination != null %}
  90.             {% for mention in pagination %}
  91.              <div class="ovaev-content theme-item" data-theme="{{ mention.theme|lower }}">
  93.                 <div class="item type1">
  94.                    <div class="date-time_title">
  95.                       <div class="event-thumbnail-v2 ">
  96.                          <a href="{{ path('front.seminaire.management.detail', {'slug': mention.slug}) }}" aria-label="Event Thumbnail">
  97.                          <img loading="lazy" decoding="async" width="600" height="400" src="{{ asset('public/uploads/images/managements/' ~ mention.image) }}" 
  98.                          class="attachment-ovaev_event_thumbnail size-ovaev_event_thumbnail wp-post-image" alt="" 
  99.                          srcset="{{ asset('public/uploads/images/managements/' ~ mention.image) }}" sizes="(max-width: 600px) 100vw, 600px" />            
  100.                          </a>
  101.                       </div>
  102.                       <div class="time_title">
  103.                          <div class="time-venue">
  104.                             <div class="time">
  105.                                <span class="icon-time"><i class="fas fa-clock icon_event" aria-hidden="true"></i></span>
  106.                                <span>Du {{ mention.datedebut|format_datetime(locale='fr',pattern="EEEE dd MMMM YYYY") }} , Au {{ mention.datefin|format_datetime(locale='fr',pattern="EEEE dd MMMM YYYY") }}</span>
  107.                             </div>
  108.                             <div class="venue">
  109.                                <i class="fas fa-map-marker-alt icon_event" aria-hidden="true"></i>
  110.                                <span class="number">A {{ mention.ville }}</span>
  111.                             </div>
  112.                          </div><span>Thème : </span>
  113.                             <label class="title-mention">
  114.                                 <a class="title-mention" href="{{ path('front.seminaire.management.detail', {'slug': mention.slug}) }}" title="{{ mention.theme }}">
  115.                                 {{ mention.theme }}                                        
  116.                                 </a>
  117.                             </label>
  118.                         </div>
  119.                     </div>
  121.                    <a href="{{ path('front.seminaire.management.detail', {'slug': mention.slug}) }}" class="readmore up-arrow" aria-label="View Event">
  122.                         <i aria-hidden="true" class="fas fa-arrow-up"></i>
  123.                    </a>
  124.                 </div>
  126.              </div>
  127.              {% endfor %} 
  128.              {% else %}
  129.              
  130.             {% endif %}    
  131.           </div>
  133.         </div>
  134.    
  135.    {% include 'section/aside.html.twig' %}
  137. </div>
  138. {% include 'section/footer.html.twig' %}
  140. <script>
  141. document.getElementById('searchTheme').addEventListener('keyup', function () {
  142.     let value = this.value.toLowerCase().trim();
  143.     let items = document.querySelectorAll('.theme-item');
  145.     items.forEach(function (item) {
  146.         let theme = item.dataset.theme;
  148.         if (theme.includes(value)) {
  149.             item.style.display = '';
  150.         } else {
  151.             item.style.display = 'none';
  152.         }
  153.     });
  154. });
  155. </script>
  157. {% endblock %}