templates/section/actualite-index.html.twig line 1

Open in your IDE?
  1. <style>
  2.     .back_actu{
  3.         background-image: url("{{ asset('public/inter/Formation.png') }}");
  4.         background-position: center center; 
  5.         background-repeat: no-repeat;
  6.         background-size: cover;
  7.         padding-bottom: 60px;
  8.         padding-top: 60px; 
  9.     }
  10.     .title{
  11.         color: #fff;
  12.     }
  13.     .elementor-button{
  14.         border: 1px solid #fff;
  15.     }
  17. </style>
  18. <section class="back_actu elementor-section elementor-top-section elementor-element elementor-element-f6d0dbf elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f6d0dbf" data-element_type="section">
  19.    <div class="elementor-container elementor-column-gap-default">
  20.       <div class="elementor-column elementor-col-40 elementor-top-column elementor-element elementor-element-34b60b7" data-id="34b60b7" data-element_type="column">
  21.          <div class="elementor-widget-wrap elementor-element-populated">
  22.             <div class="elementor-element elementor-element-e697df8 elementor-widget elementor-widget-gimont_elementor_heading" data-id="e697df8" data-element_type="widget" data-widget_type="gimont_elementor_heading.default">
  23.                <div class="elementor-widget-container">
  24.                   <div class="ova-heading template_1">
  25.                      <span class="line"></span>
  26.                      <span class="subtitle">Actualités</span>
  27.                      <h2 class="title" style="font-family: arial !important;">Actualité des formations & des certifications
  28.                      </h2>
  29.                      <!--
  30.                      <p class="desc">There are many variations of passages but 
  31.                         the majority have suffered simply
  32.                      </p>
  33.                      -->
  34.                   </div>
  35.                </div>
  36.             </div>
  37.             <div class="elementor-element elementor-element-90d095b elementor-widget elementor-widget-button" data-id="90d095b" data-element_type="widget" data-widget_type="button.default">
  38.                <div class="elementor-widget-container">
  39.                   <div class="elementor-button-wrapper">
  40.                      <a class="elementor-button elementor-button-link elementor-size-sm" href="{{ path('front.actualite') }}">
  41.                      <span class="elementor-button-content-wrapper">
  42.                      <span class="elementor-button-text">Toutes l'actualités</span>
  43.                      </span>
  44.                      </a>
  45.                   </div>
  46.                </div>
  47.             </div>
  48.          </div>
  49.       </div>
  50.       <div class="elementor-column elementor-col-60 elementor-top-column elementor-element elementor-element-38fe79e" data-id="38fe79e" data-element_type="column">
  51.          <div class="elementor-widget-wrap elementor-element-populated">
  52.             <div class="elementor-element elementor-element-4227b2c elementor-widget elementor-widget-gimont_elementor_blog" data-id="4227b2c" data-element_type="widget" data-widget_type="gimont_elementor_blog.default">
  53.                <div class="elementor-widget-container">
  54.                   <ul class="ova-blog column_2 version_1 v1_template_2">
  55.                       {% if actualite != null %}
  56.                       {% for actu in actualite %}
  57.                      <li class="item">
  58.                         <div class="media">
  59.                            <div class="box-img">
  60.                               <a href="{{ path('front.detail.actu', {'slug': actu.slug}) }}" rel="{{ actu.titre }}" title="{{ actu.titre }}">
  61.                               <img decoding="async" style="border-top-left-radius: 10px; border-top-right-radius: 10px;" src="{{ asset('public/uploads/images/actualites/' ~ actu.image) }}" alt="{{ actu.titre }}">
  62.                               </a>
  63.                            </div>
  65.                         </div>
  66.                         <div class="content" style="border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
  67.                            <ul class="post-meta">
  68.                               <li class="item-meta post-date">
  69.                                  <span class="left date">
  70.                                  <i aria-hidden="true" class="fas fa-calendar-alt"></i>
  71.                                  </span>
  72.                                  <span class="right date">
  73.                                  <span class="date-jMY">{{ actu.createdat|format_datetime(locale='fr',pattern="EEEE dd MMMM YYYY") }}</span>
  74.                                  </span>            
  75.                               </li>
  76.                            </ul>
  77.                            <h2 class="post-title" style="height: 55px; font-size: 20px !important;">
  78.                               <a href="{{ path('front.detail.actu', {'slug': actu.slug}) }}" rel="{{ actu.titre }}" title="{{ actu.titre }}">
  79.                                 {% if actu.titre|length > 50 %}
  80.                                     {{ actu.titre|striptags|slice(0, 47) ~ '...' }}
  81.                                 {% else %}
  82.                                     {{ actu.titre }}
  83.                                 {% endif %}                                  
  84.                               </a>
  85.                            </h2>
  86.                            <div class="item-meta wp-author" style="height: 100px; !important;">
  87.                                <p>{{ actu.resume|striptags|slice(0, 120) }}</p>
  88.                            </div>
  89.                             <div class="meta-event meta-event-2">
  90.                                 <a href="{{ path('front.detail.actu', {'slug': actu.slug}) }}">
  91.                                     <div class="">
  92.                                         <span class="number">En savoir plus</span>
  93.                                         <i class="fa fa-long-arrow-right icon_event" aria-hidden="true"></i>
  94.                                     </div>
  95.                                 </a>
  96.                              </div>
  97.                         </div>
  98.                      </li>
  99.                      {% endfor %}
  100.                      {% endif %}
  102.                   </ul>
  103.                </div>
  104.             </div>
  105.          </div>
  106.       </div>
  107.    </div>
  108. </section>