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

Open in your IDE?
  1. {% extends 'front.html.twig' %}
  3. {% block title %}Détail rencontre top management | CIMEF-INTERNATIONAL{% endblock %}
  4. {% block styleSheets %}
  5. <style id='wp-emoji-styles-inline-css' type='text/css'>
  6. h1, h5{
  7.     font-family: arial;
  8.     font-weight: bolder !important;
  9. }
  10. h2, h3{
  11.   font-family: arial !important;  
  12. }
  13. .btn-register {
  14.     background-color: #ff6600;
  15.     color: #fff;
  16.     font-weight: bold;
  17.     margin-top: 10px;
  18.     text-align: center; 
  19.     border: 1px solid #ff6600!important; 
  20.     width: 100% !important;
  21.     padding: 10px;
  22.     border-radius: 2px;
  23. }
  24. .btn-register:hover {
  25.     background-color: #051a53;
  26.     color: #fff;
  27.     margin-top: 10px;
  28.     text-align: center; 
  29.     border: 1px solid #051a53!important; 
  30.     width: 100% !important;
  31.     padding: 10px;
  32.     border-radius: 2px;
  33. }
  34. .btn-fichier{
  35.     margin-bottom: 30px; background: #ff6600; padding: 10px; height: 70px; width: 100%; line-height: 50px;
  36. }
  37. .btn-fichier:hover{
  38.     margin-bottom: 30px; background: #051a53; padding: 10px; height: 70px; width: 100%;
  39. }
  40. .text-lien{
  41.    color: #ff6600;
  42.    font-size: 16px;
  43. }
  44. .mon-div-fixe {
  45.     position: fixed;
  46.     top: 250px;     /* distance du haut */
  47.     /* right: 20px;   distance de la droite */
  48.     z-index: 9999; /* pour passer au-dessus des autres éléments */
  49. }
  50. .shadow {
  51.     box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
  52. }
  53. .header_title{ font-size: 25px !important; text-transform: lowercase; color: #fff!important; font-weight: bold !important; }
  54. /* Small devices ≥576px */
  55. @media (min-width: 576px) {
  56.   .col-3 { flex: 0 0 100%; max-width: 100%; }
  57.   .col-sm-4 { flex: 0 0 100%; max-width: 100%; }
  58.   .col-sm-6 { flex: 0 0 100%; max-width: 100%; }
  59.   .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
  60.     .header_banner_el { padding: 10px!important; }
  61.     .header_title{ font-size: 20px; text-transform: lowercase; color: #fff!important; }
  62. }
  64. /* Medium devices ≥768px */
  65. @media (min-width: 768px) {
  66.   .col-md-3 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  67.   .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  68.   .col-md-6 { flex: 0 0 50%; max-width: 50%; }
  69.   .col-md-12 { flex: 0 0 100%; max-width: 100%; }
  70. }
  72. /* Large devices ≥992px */
  73. @media (min-width: 992px) {
  74.   .col-lg-3 { flex: 0 0 25%; max-width: 25%; }
  75.   .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  76.   .col-lg-6 { flex: 0 0 50%; max-width: 50%; }
  77.   .col-lg-12 { flex: 0 0 100%; max-width: 100%; }
  78. }
  80. .wrap_header_banner .overlay-slider {
  81.     position: absolute;
  82.     top: 0;
  83.     left: 0;
  84.     padding-top: 30px; 
  85.     width: 100%;
  86.     height: 100%;
  87.     background-color: rgba(0, 0, 0, 0.6392156863);
  88. }
  89. </style>
  90. {% endblock %}
  91. {% block body %}
  92. {% include 'section/navbar.html.twig' %}
  93. <div class="wrap_header_banner" style="height: 200px; background: url({{ asset('public/inter/wp-content/uploads/2023/06/header-banner.jpg')}});">
  94.     <div class="overlay-slider">
  95.         <div class="row_site">
  96.             <div class="container_site">
  97.                 <div class="cover_color"></div>
  98.                 <div class="header_banner_el">
  99.                     {% if query != null %}
  100.                     <div class="header_breadcrumbs">
  101.                         <div id="breadcrumbs">
  102.                             <ul class="breadcrumb">
  103.                                 <li><a href="{{ path('front.inter.index') }}" style="color: #fff!important;" title="accueil">Accueil</a></li>
  104.                                 <li class="li_separator"><span class="separator"><i class="ovaicon-next" style="color: #fff!important;"></i></span></li>
  105.                                 <li style="color: #fff!important; text-transform: lowercase;">Formations</li>
  106.                                 <li class="li_separator"><span class="separator"><i class="ovaicon-next" style="color: #fff!important;"></i></span></li>
  107.                                 <li style="color: #fff!important; text-transform: lowercase;">Rencontre des top management</li>
  108.                                 <li class="li_separator"><span class="separator"><i class="ovaicon-next" style="color: #fff!important;"></i></span></li>
  109.                                 <!--
  110.                                 <li style="color: #fff!important; text-transform: lowercase;">{{ query.theme }}</li>
  111.                                 -->
  112.                             </ul>
  113.                         </div>
  114.                     </div>
  115.                     <h1 class="header_title">{{ query.theme }} </h1>
  116.                     {% endif %}
  117.                 </div>
  118.             </div>
  119.         </div>
  120.     </div>
  121. </div>
  126.        <style id="elementor-post-1308">.elementor-1308 .elementor-element.elementor-element-6df1039{margin-top:0px;margin-bottom:110px;}.elementor-1308 .elementor-element.elementor-element-7668bb9 .ovaev-event-title{font-size:30px;}.elementor-1308 .elementor-element.elementor-element-5dc2e39 > .elementor-widget-container{margin:0px 0px 35px 0px;}.elementor-1308 .elementor-element.elementor-element-ee883c9 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:30px;}.elementor-1308 .elementor-element.elementor-element-ee883c9 > .elementor-element-populated{margin:-50px 0px 0px 10px;--e-column-margin-right:0px;--e-column-margin-left:10px;}@media(max-width:1024px){.elementor-1308 .elementor-element.elementor-element-6df1039{margin-top:0px;margin-bottom:80px;}.elementor-1308 .elementor-element.elementor-element-ee883c9 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}@media(max-width:767px){.elementor-1308 .elementor-element.elementor-element-7668bb9 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-1308 .elementor-element.elementor-element-ff09908 > .elementor-widget-container{margin:0px 0px 50px 0px;}}@media(min-width:768px){.elementor-1308 .elementor-element.elementor-element-d6d4b6c{width:67%;}.elementor-1308 .elementor-element.elementor-element-ee883c9{width:33%;}}</style>
  127.         <div data-elementor-type="page" data-elementor-id="1308" class="elementor elementor-1308">
  129.         {% if query != null %}
  130.             
  131.             <section class="elementor-section elementor-top-section elementor-element elementor-element-6df1039 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6df1039" data-element_type="section">
  132.                 <div class="elementor-container elementor-column-gap-default">
  133.                 <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-d6d4b6c" data-id="d6d4b6c" data-element_type="column">
  134.                     <div class="elementor-widget-wrap elementor-element-populated">
  135.                     <div class="elementor-element elementor-element-7668bb9 elementor-widget elementor-widget-ova_event_title" data-id="7668bb9" data-element_type="widget" data-widget_type="ova_event_title.default">
  136.                         <div class="elementor-widget-container">
  137.                             <h1 class="ovaev-event-title">
  138.                                 Rencontre des top management                    
  139.                             </h1>
  140.                         </div>
  141.                         <div class="elementor-widget-container">
  142.                             <h5 class="ovaev-event-title" style="font-size: 25px; color: #ff6600;">
  143.                                 {{ query.theme }}                    
  144.                             </h5>
  145.                         </div>
  146.                     </div>
  147.                     <div class="elementor-element elementor-element-e0d81c8 elementor-widget elementor-widget-ova_event_content" data-id="e0d81c8" data-element_type="widget" data-widget_type="ova_event_content.default">
  148.                         <div class="elementor-widget-container">
  149.                             <div class="ovaev-event-content">
  150.                                 {% if query.texte != null %}
  151.                                     {{ query.texte|raw }}
  152.                                 {% else %}
  153.                                     <p>The City Government is excited to announce an upcoming event that will showcase all the amazing things our community has to offer. Join us on Saturday for our community fair, where local vendors, artists, and organizations will come together to showcase their products and services.</p>
  154.                                     <p>This fun-filled event will feature live music performances, food trucks, children&#8217;s activities, and much more. Meet local business owners and community leaders and learn about their vision for our city&#8217;s future. There will also be opportunities to learn more about local government initiatives and community development projects.</p>
  155.                                     <h2 class="wp-block-heading">Event requirements</h2>
  156.                                     <p>This event is free and open to the public, so bring your family and friends along to enjoy a day of fun and community spirit. We look forward to seeing you there!</p>
  157.                                     
  158.                                 {% endif %}
  159.                             </div>
  160.                         </div>
  161.                     </div>
  162.                     
  163.                     </div>
  164.                 </div>
  165.                 <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ee883c9" data-id="ee883c9" data-element_type="column">
  166.                     <div class="elementor-widget-wrap elementor-element-populated">
  168.                         <div  class="elementor-element elementor-element-bdfb755 elementor-widget elementor-widget-ova_event_info" data-id="bdfb755" data-element_type="widget" data-widget_type="ova_event_info.default">
  169.                             <div class="elementor-widget-container">
  170.                             <div class="ovaev-event-info">
  171.                                 <ul class="info-contact">
  172.                                     <li>
  173.                                         <span class="label"><i class="fa fa-calendar-o" aria-hidden="true"></i>  Du :</span>
  174.                                         <span class="info">{{ query.datedebut|format_datetime(locale='fr',pattern="EEEE dd MMMM YYYY") }}</span>
  175.                                     </li>
  176.                                     <li style="margin-top: -10px !important;">
  177.                                         <span class="label"><i class="fa fa-calendar-o" aria-hidden="true"></i> Au :</span>
  178.                                         <span class="info">{{ query.datefin|format_datetime(locale='fr',pattern="EEEE dd MMMM YYYY") }}</span>
  179.                                     </li>
  180.                                     <li style="margin-top: -10px !important;">
  181.                                         <span class="label"><i class="fa fa-map-marker" aria-hidden="true"></i> Lieu :</span>
  182.                                         <span class="info">{{ query.ville }}</span>
  183.                                     </li>
  184.                                     <li style="margin-top: -10px;">
  185.                                         <span class="label"><i class="fa fa-money" aria-hidden="true"></i> Prix :</span>
  186.                                         <span class="info">
  187.                                             <a href="#" title="Museum">{{ query.prix }} {{ query.devise }}</a>
  188.                                         </span>                        
  189.                                     </li>
  191.                                 </ul>
  192.             
  193.                                 <a href="{{ path('front.inscription.management',{'slug': query.slug, 'id': query.id })}}">
  194.                                     <div class="btn-register">
  195.                                         S'inscrire        
  196.                                     </div>
  197.                                 </a>
  198.                             
  199.                             </div>
  200.                             </div>
  201.                         </div>
  202.                         
  203.                         <div class="shadow btn-fichier">
  204.                             <a href="{{ asset('public/catalogues/Catalogue_2026_CIMEF_INTERNATIONAL.pdf') }}">
  205.                                 <div class="row">
  206.                                     <div class="col-md-2 col-sm-12" style="text-align: center;">
  207.                                         <a href="{{ asset('public/catalogues/Catalogue_2026_CIMEF_INTERNATIONAL.pdf') }}" title="Download files" class="icon" data-id="829">
  208.                                             <i class="gimonticon-download" style="font-size: 22px; color: #fff;" aria-hidden="true"></i>
  209.                                         </a>    
  210.                                     </div>
  211.                                     <div class="col-md-10 col-sm-12">
  212.                                         <a href="{{ asset('public/catalogues/Catalogue_2026_CIMEF_INTERNATIONAL.pdf') }}">
  213.                                         <label style="color: #fff; font-size: 20px; font-family: arial; cursor: pointer;">Télécharger le catalogue 2026</h3>
  214.                                         </a>
  215.                                     </div>
  216.                                 </div>
  217.                             </a>
  218.                         </div>
  221.                         <div class="elementor-element elementor-element-4d96d43 elementor-widget elementor-widget-ova_event_location" data-id="4d96d43" data-element_type="widget" data-widget_type="ova_event_location.default">
  222.                             <div class="elementor-widget-container">
  223.                             <div class="ovaev-location" 
  224.                                 id="location-widget" 
  225.                                 style="height: 430px;" 
  226.                                 data-address="Si Phraya Rd, Khwaeng Si Phraya, Khet Bang Rak, Krung Thep Maha Nakhon 10500, Thailand" 
  227.                                 data-lat="13.731334" 
  228.                                 data-lng="100.5220733" 
  229.                                 data-zoom="18">
  230.                             </div>
  231.                             </div>
  232.                         </div>
  236.                     </div>
  237.                 </div>
  238.                 </div>
  239.             </section>
  241.         {% else %}
  242.             <div style="margin-top: 20px; text-align: justify;">
  243.                 <h2>Informations indisponible</h2>
  244.             </div>
  245.         {% endif %}
  247.         </div>
  248.       </div>
  250. </div>
  251. {% include 'section/footer.html.twig' %}
  255. {% endblock %}