templates/front/_partials/blog.html.twig line 1

  1. <section class="section" id="blog">
  2.   <div class="container">
  3.     <div class="row justify-content-center">
  4.       <div class="col-12">
  5.         <div class="section-title text-center mb-4 pb-2">
  6.           {% if app.request.locale == 'fr' %}
  7.           <h4 class="title mb-4">Derniers blogs et nouvelles</h4>
  8.           <p class="text-muted para-desc mx-auto mb-0">
  9.             Suivez nos dernières actualités et restez informé des meilleurs
  10.             conseilles.
  11.           </p>
  12.           {% endif %} {% if app.request.locale == 'ar_DZ' %}
  13.           <h4 class="title mb-4">أحدث المدونات والأخبار</h4>
  14.           <p class="text-muted para-desc mx-auto mb-0">
  15.             تابع آخر أخبارنا وابق على اطلاع بأفضل النصائح
  16.           </p>
  17.           {% endif %}
  18.         </div>
  19.       </div>
  20.     </div>
  22.     <div class="row justify-content-end">
  23.       {% for post in posts %}
  24.       <div class="col-lg-4 col-md-6 col-12 mb-4 pb-2">
  25.         <div class="card blog-post border-0 rounded overflow-hidden shadow">
  26.           <a target="_blank" href="{{ post.link }}">
  27.             {# <img src="{{
  28.               post._embedded["wp:featuredmedia"][0].media_details.sizes.medium
  29.                 .source_url
  30.             }}" class="img-fluid" alt=" {{ post.title.rendered | raw }} - Clever
  31.             Nursery" style="max-height: 300px; min-height: 250px;object-fit:
  32.             contain;" /> #}
  33.           </a>
  34.           <div class="card-body p-4 text-end">
  35.             <h5 class="mb-3">
  36.               <a target="_blank" href="{{ post.link }}" class="text-dark title">
  37.                 {{ post.title.rendered | raw }}
  38.               </a>
  39.             </h5>
  40.             <p class="text-muted">{{ post.excerpt.rendered | raw }}</p>
  41.             <h6 class="card-subtitle text-muted text-start">
  42.               <span>
  43.                 <i data-feather="calendar" class="fea icon-sm"></i>
  44.                 {{ post.date|format_datetime('medium','none' ,locale='fr' ) }}
  45.               </span>
  46.             </h6>
  47.             <a target="_blank" href="{{ post.link }}" class="text-primary h6">
  48.               <i data-feather="arrow-left" class="fea icon-sm"></i>
  49.               {% trans %} Lire {% endtrans %}
  50.             </a>
  51.           </div>
  52.         </div>
  53.       </div>
  54.       {% endfor %}
  55.     </div>
  56.   </div>
  57. </section>
  59. {# {% include "/front/_partials/mobile-app.html.twig" %} #}