templates/front/blog.html.twig line 1

Open in your IDE?
  1. {% extends 'front.html.twig' %}
  3. {% block title %}Blog | CIMEF-INTERNATIONAL{% endblock %}
  4. {% block meta_description %}
  5. <meta name="description" content="Découvrez des conseils, formations et ressources pour développer vos compétences professionnelles et réussir votre carrière."/>
  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/blog">
  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;">Blog</li>
  33.                         </ul>
  34.                         </div>
  35.                     </div>
  36.                     <h1 class="header_title" style="color: #fff!important;">Blog </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 col-md-12 col-sm-12">
  50.         <div id="soro-blog"></div>
  51.         <!--
  52.         {% if pagination != null %}
  53.             {% for blog in pagination %}
  54.              <div class="ovaev-content">
  55.                 <div class="type6">
  56.                    <div class="desc">
  57.                       <div class="event-thumbnail" style="background-image:url(https://demo.ovathemewp.com/gimont/wp-content/uploads/2023/06/event-01.jpg);">
  58.                          <a href="{{ path('front.detail.blog', {'slug': blog.slug}) }}" aria-label="Event Thumbnail">
  59.                              <img loading="lazy" width="600" height="400" src="{{ asset('public/uploads/images/blogs/' ~ blog.image) }}" 
  60.                              class="attachment-ovaev_event_thumbnail blogs/' ~ blog.image) }}" sizes="(max-width: 600px) 100vw, 600px" />        
  61.                          </a>
  62.                       </div>
  63.                       <div class="event_post">
  64.                          <div class="meta-event">
  65.                             <div class="date-event date-event-2">
  66.                                <i aria-hidden="true" class="fas fa-calendar-alt"></i>
  67.                                <span class="date" style="font-weight: normal;">
  68.                                {{ blog.createdat|format_datetime(locale='fr',pattern="EEEE dd MMMM YYYY") }}    
  69.                                </span>
  70.                             </div>
  71.                          </div>
  72.                          <h2 class="second_font event_title">
  73.                             <a href="{{ path('front.detail.blog', {'slug': blog.slug}) }}" title="{{ blog.titre }} }}">
  74.                                 {% if blog.titre|length > 65 %}
  75.                                     {{ blog.titre|striptags|slice(0, 61) ~ '...' }}
  76.                                 {% else %}
  77.                                     {{ blog.titre }}
  78.                                 {% endif %}
  79.                             </a>
  80.                          </h2>
  81.                          <div class="meta-event meta-event-2">
  82.                              <a href="{{ path('front.detail.blog', {'slug': blog.slug}) }}">
  83.                             <div class="venue">
  84.                                 <span class="number">En savoir plus</span>
  85.                                 <i class="fa fa-long-arrow-right icon_event" aria-hidden="true"></i>
  86.                             </div>
  87.                             </a>
  88.                          </div>
  89.                       </div>
  90.                    </div>
  91.                 </div>
  92.              </div>
  93.             {% endfor %} 
  94.         {% else %}
  95.             <div style="width: 100% !important; text-align: center !important;">
  96.                 <bale style="font-family: arial; font-size: 20px;">Aucune article de blog n'est disponible en ce moment.</label>
  97.             </div>
  98.         {% endif %}  
  99.         -->
  100.       </div>
  101.         <div class="events_pagination justify-content-center mt-4">
  102.             {{ knp_pagination_render(pagination, '@KnpPaginator/Pagination/bootstrap_v5_pagination.html.twig') }}
  103.         </div>
  104.    </div>
  105.    
  106.    {% include 'section/aside.html.twig' %}
  107.     <script src="https://app.trysoro.com/api/embed/7d8340f0-28e3-4438-b4ab-828590edfee7" defer></script>
  108. </div>
  109.    {% include 'section/footer.html.twig' %}
  112. {% endblock %}