templates/pages/realisations.html.twig line 1

Open in your IDE?
  1. {% extends "frontend.html.twig" %}
  3. {% block stylesheet %}
  4. {{ parent()}}
  6. <style>
  7.   .zoom-background {
  8.       transition: transform 0.5s ease;
  9.       background-size: cover;
  10.       background-position: center;
  11.   }
  13.   .zoom-background:hover {
  14.       transform: scale(1.1);
  15.   }
  17.   .post-item {
  18.     overflow: hidden;
  19.     position: relative;
  20.   }
  21.   .post-date {
  22.     position: relative;
  23.     z-index: 1;
  24.   }
  25. </style>
  26. {% endblock %}
  28. {% block main %}
  30.     {# ARIANE #}
  31.     {{ render(controller('App\\Controller\\LibrairieController::afficherAriane', {'menu': menu })) }}
  33.     <!-- Recent Blog Posts Section -->
  34.     <section id="recent-blog-posts" class="recent-blog-posts section">
  36.       <!-- Section Title -->
  37.       <div class="container section-title" data-aos="fade-up">
  38.         {# <h2>Recent Blog Posts</h2> #}
  39.         <p>Nous sommes ravis de partager avec vous nos réalisations</p>
  40.       </div><!-- End Section Title -->
  42.       <div class="container">
  43.         <div class="row gy-5">
  44.         
  45.         {% for item in publications %}
  46.           <div class="col-xl-4 col-md-6">
  47.             <div class="post-item position-relative h-100" data-aos="fade-up" data-aos-delay="100">
  49.               <div class="post-img position-relative overflow-hidden zoom-background"     
  50.                style="background-image: url('{{ asset('uploads/pub_' ~ item.id ~ '/' ~ item.nomImage ) }}'); height: 280px;"
  51.               >
  52.                 {# <img src="{{ asset('uploads/pub_' ~ item.id ~ '/' ~ item.nomImage ) }}" class="img-fluid" alt=""> #}
  53.                 <span class="post-date">{{ item.sousTitre }}</span>
  54.               </div>
  56.               <div class="post-content d-flex flex-column">
  58.                 <h3 class="post-title">
  59.                   {% if item.titre|length > 70 %}
  60.                     {{ item.titre|slice(0, 70)|capitalize }}...
  61.                   {% else %}
  62.                     {{ item.titre|capitalize }}
  63.                   {% endif %}
  64.                 </h3>
  66.                 <div class="meta d-flex align-items-center">
  67.                   <div class="d-flex align-items-center">
  68.                     <i class="bi bi-person"></i> <span class="ps-2">Administrateur</span>
  69.                   </div>
  70.                   <span class="px-3 text-black-50">/</span>
  71.                   <div class="d-flex align-items-center">
  72.                     <i class="bi bi-folder2"></i> <span class="ps-2">Installation</span>
  73.                   </div>
  74.                 </div>
  75.                 <div class="meta d-flex align-items-center">
  76.                   <span class="badge rounded-pill " style="background-color: #6d071a;color: white;">Primary</span>
  77.                 </div>
  78.                 <hr>
  80.                 <div style="clear: both;"></div>
  81.                 <a href="{{ path('app_detail_realisation',{'slug': item.slug })}}" class="readmore">
  82.                   <span>Voir plus</span>
  83.                   <i class="bi bi-arrow-right"></i>
  84.                 </a>
  86.               </div>
  88.             </div>
  89.           </div>
  90.         {% endfor %}
  92.         </div>
  93.       </div>
  95.     </section>
  96.     <!-- /Recent Blog Posts Section -->
  98. {% endblock %}