templates/front/actualite.html.twig line 1

Open in your IDE?
  1. {% extends 'front.html.twig' %}
  3. {% block title %}Actualités | CIMEF-INTERNATIONAL{% endblock %}
  4. {% block meta_description %}
  5. <meta name="description" content="Suivez l'actualité de CIMEF International : formations, séminaires et conseils en management pour cadres et dirigeants en Afrique et à l'international."/>
  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/actualites">
  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.     .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;">Actualités</li>
  33.                         </ul>
  34.                         </div>
  35.                     </div>
  36.                     <h1 class="header_title" style="color: #fff!important;">Actualités </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.       <!-- search form -->
  49.       <div class="archive_event col2">
  50.         {% if pagination != null %}
  51.         {% for actu in pagination %}
  52.          <div class="ovaev-content">
  53.             <div class="type6">
  54.                <div class="desc">
  55.                   <div class="event-thumbnail" style="background-image:url(https://demo.ovathemewp.com/gimont/wp-content/uploads/2023/06/event-01.jpg);">
  56.                      <a href="{{ path('front.detail.actu', {'slug': actu.slug}) }}" aria-label="Event Thumbnail">
  57.                          <img loading="lazy" width="600" height="400" src="{{ asset('public/uploads/images/actualites/' ~ actu.image) }}" 
  58.                          class="attachment-ovaev_event_thumbnail size-ovaev_event_thumbnail wp-post-image" alt="{{ actu.titre }}" decoding="async" 
  59.                          srcset="{{ asset('public/uploads/images/actualites/' ~ actu.image) }}" sizes="(max-width: 600px) 100vw, 600px" />        
  60.                      </a>
  61.                   </div>
  62.                   <div class="event_post">
  63.                      <div class="meta-event">
  64.                         <div class="date-event date-event-2">
  65.                            <i aria-hidden="true" class="fas fa-calendar-alt"></i>
  66.                            <span class="date" style="font-weight: normal;">
  67.                            {{ actu.createdat|format_datetime(locale='fr',pattern="EEEE dd MMMM YYYY") }}    
  68.                            </span>
  69.                         </div>
  70.                      </div>
  71.                      <h2 class="second_font event_title">
  72.                         <a href="{{ path('front.detail.actu', {'slug': actu.slug}) }}" title="{{ actu.titre }} }}">
  73.                             {% if actu.titre|length > 65 %}
  74.                                 {{ actu.titre|striptags|slice(0, 61) ~ '...' }}
  75.                             {% else %}
  76.                                 {{ actu.titre }}
  77.                             {% endif %}
  78.                         </a>
  79.                      </h2>
  80.                      <div class="meta-event meta-event-2">
  81.                          <a href="{{ path('front.detail.actu', {'slug': actu.slug}) }}">
  82.                         <div class="venue">
  83.                             <span class="number">En savoir plus</span>
  84.                             <i class="fa fa-long-arrow-right icon_event" aria-hidden="true"></i>
  85.                         </div>
  86.                         </a>
  87.                      </div>
  88.                   </div>
  89.                </div>
  90.             </div>
  91.          </div>
  92.          {% endfor %} 
  93.          {% else %}
  94.          
  95.         {% endif %}    
  96.       </div>
  97.         <div class="events_pagination justify-content-center mt-4">
  98.             {{ knp_pagination_render(pagination, '@KnpPaginator/Pagination/bootstrap_v5_pagination.html.twig') }}
  99.         </div>
  100.    </div>
  101.    
  102.    {% include 'section/aside.html.twig' %}
  104. </div>
  105.    {% include 'section/footer.html.twig' %}
  108. {% endblock %}