templates/pages/blocks/articles-section.html.twig line 1

Open in your IDE?
  1. <section class="press_articles container_95 py-16 border_b_grey ">
  2.     <div class="grid lg:grid-cols-1 mb-16">
  3.         <div >
  4.             <h2 class="title_section text-center md:text-left">{{ content.articles_title }}</h2>
  5.         </div>
  7.     </div>
  8.     <div class="grid md:grid-cols-2 xl:grid-cols-4  row_press">
  9.         {% for item in content.articles_list %}
  10.         <div class=" card_press">
  11.             <div class="logo_press">
  12.                 <img src="{{ item.image_news.thumbnails['120x32']  }}" alt="">
  13.             </div>
  14.             <div class="description_press">
  15.                 <p>{{ item.title }}</p>
  16.             </div>
  17.             <div class="date_press">
  18.                 {# English date #}
  19.                 {% if app.request.locale == 'en' %}
  20.                     {% set single_news_date_formatted = item.date_news|format_datetime('long', 'none', locale='en') %}
  21.                 {% endif %}
  23.                 {# French date #}
  24.                 {% if app.request.locale == 'fr' %}
  25.                     {% set single_news_date_formatted = item.date_news|format_datetime('long', 'none', locale='fr') %}
  26.                 {% endif %}
  28.                 {# Deutsh date #}
  29.                 {% if app.request.locale == 'de' %}
  30.                     {% set single_news_date_formatted = item.date_news|format_datetime('long', 'none', locale='de') %}
  31.                 {% endif %}
  32.                 
  33.                 <p>{{'Publier le' | trans }} {{ single_news_date_formatted }}</p>
  34.             </div>
  35.             <a href="{{ item.url_news }}" class="link_press">{{"Voir l’article" | trans }}</a>
  36.         </div>
  37.         {% endfor %}
  38.     </div>
  39.     <div class="pagination_press">
  40.                 
  41.                 <div class="flex justify-center gap-4">
  42.                     <button id="btn-prev" title="previous page">      
  43.                         <svg width="25" height="24" viewBox="0 0 25 24" fill="none"
  44.                             xmlns="http://www.w3.org/2000/svg">
  45.                             <path fill-rule="evenodd" clip-rule="evenodd"
  46.                                 d="M14.1476 7.64987C14.3429 7.45467 14.6595 7.45478 14.8547 7.6501C15.0282 7.82372 15.0474 8.09315 14.9123 8.28798L14.8545 8.35721L11.206 12.002L14.8545 15.6488C15.0281 15.8223 15.0475 16.0917 14.9125 16.2866L14.8547 16.3559C14.6812 16.5295 14.4118 16.5489 14.2169 16.4139L14.1476 16.3561L10.1456 12.3567C9.97188 12.1831 9.95258 11.9135 10.0877 11.7186L10.1456 11.6493L14.1476 7.64987Z"
  47.                                 fill="#9CA3AF" />
  48.                         </svg>
  49.                     </button>
  51.                     <ul id="pressArticle-pagination" ></ul>
  52.               
  53.                     <button id="btn-next" title="next page">
  54.                     <svg width="25" height="24" viewBox="0 0 25 24" fill="none"
  55.                         xmlns="http://www.w3.org/2000/svg">
  56.                         <path fill-rule="evenodd" clip-rule="evenodd"
  57.                             d="M10.8524 16.3561C10.6571 16.5513 10.3405 16.5512 10.1453 16.3559C9.97179 16.1823 9.95259 15.9128 10.0877 15.718L10.1455 15.6488L13.794 12.004L10.1455 8.3572C9.97191 8.18369 9.95253 7.91427 10.0875 7.71936L10.1453 7.65009C10.3188 7.47647 10.5882 7.4571 10.7831 7.59204L10.8524 7.64987L14.8544 11.6493C15.0281 11.8229 15.0474 12.0925 14.9123 12.2874L14.8544 12.3567L10.8524 16.3561Z"
  58.                             fill="#9CA3AF" />
  59.                     </svg>
  60.                     </button>
  61.                 </div>
  62.                 
  63.             </div>
  64. </section>