templates/snippets/temoignages.html.twig line 1

Open in your IDE?
  2. {% extends "layout-snippets.html.twig" %}
  4. {% block snippets %}
  6. <div class="apk-snippet-temoignages">
  7.     <div class="uk-container apk-container-1400">
  9.         {% if temoignages|length == 0 %}
  10.             <div class="uk-text-center uk-text-bold">
  11.                 {{ "Aucun témoignage n'est disponible"|trans }}
  12.             </div>
  13.         {% endif %}
  15.         <div class="apk-content-container">
  16.             <div class="uk-slider" uk-slider="autoplay: true; autoplay-interval: 4000;">
  17.                 <div class="uk-position-relative uk-text-center">
  19.                     <h2 class="uk-text-center uk-margin-bottom">{{ pimcore_textarea("temoignage-titre")}}</h2>
  21.                     <img src="/static/img/pictos/quote.png" alt="{{ "Précédent"|trans }}" style="width:40px; height:auto;">
  23.                     <div class="uk-container apk-container-900">
  24.                         <div class="uk-slider-container">
  25.                             <ul class="uk-slider-items uk-child-width-1-1">
  26.                                 {% for temoignage in temoignages %}
  27.                                 <div class="apk-div-slider-content">
  28.                                     <h3 class="uk-margin-top">{{ temoignage.titre }}</h3>
  29.                                     <p>{{ (temoignage.avis|nl2br)|raw }}</p>
  30.                                     <h4 class="uk-margin-top">{{ temoignage.nomComplet }}</h4>
  31.                                 </div>
  32.                                 {% endfor %}
  33.                             </ul>
  34.                         </div>
  35.                     </div>
  37.                     <div class="uk-text-center">
  38.                         <a href="/{{ app.request.locale }}/temoignages" class="uk-button uk-margin-top">{{ "Tous les témoignages"|trans }}</a>
  39.                     </div>
  41.                     <div class="uk-visible@m">
  42.                         <a class="uk-position-center-left-out" href="#" uk-slider-item="previous"><img src="/static/img/pictos/arrow-prev.svg" alt="{{ "Précédent"|trans }}" style="width:40px; height:auto;"></a>
  43.                         <a class="uk-position-center-right-out" href="#" uk-slider-item="next"><img src="/static/img/pictos/arrow-next.svg" alt="{{ "Suivant"|trans }}" style="width:40px; height:auto;"></a>
  44.                     </div>
  45.                     <div class="uk-hidden@m">
  46.                         <a class="uk-position-bottom-left" href="#" uk-slider-item="previous"><img src="/static/img/pictos/arrow-prev.svg" alt="{{ "Précédent"|trans }}" style="width:40px; height:auto;"></a>
  47.                         <a class="uk-position-bottom-right" href="#" uk-slider-item="next"><img src="/static/img/pictos/arrow-next.svg" alt="{{ "Suivant"|trans }}" style="width:40px; height:auto;"></a>
  48.                     </div>
  50.                 </div>
  51.             </div>
  52.         </div>
  54.     </div>
  55. </div>
  57. {% endblock %}