templates/showOmra.html.twig line 1

Open in your IDE?
  1. {% if groupe|length>0 %}
  2.     {% if groupe.elements is defined and groupe.elements |length>0 %}
  4.         <section class="circ-spec">
  6.             <div class="container">
  8.                 <div class="row">
  9.                     <div class="col-md-4  mb-4">
  10.                         <div class="py-5">
  11.                             <div class="title-section height-half ">
  12.                                 <div class="title font-30">{{ groupe.titreBloc|raw }}</div>
  13.                                 <p class="font-20">{{ groupe.description|raw }}</p>
  14.                                 <a href="{{ path('front_omraorganise_liste') }}" class="btn btn-list">Voir liste</a>
  16.                             </div>
  18.                         </div>
  19.                         {% for element in groupe.elements %}
  20.                             {% if loop.first %}
  21.                                 <div class="card mt-4">
  22.                                     <a class="thumbnail" href="{{ element.url }}" aria-label="omra-details">
  24.                                         <img src="{{ domaine_back }}/{{ element.photo }}" alt="{{ element.alt }}">
  26.                                         <div class="details">
  28.                                             <p class="details-title">{{ element.titre1 }}</p>
  30.                                             <p class="details-hotel"> {{ element.titre2 }}</p>
  31.                                             <div class="clearfix"></div>
  32.                                         </div>
  33.                                     </a>
  35.                                 </div>
  36.                             {% endif %}
  37.                         {% endfor %}
  38.                     </div>
  39.                     {% for element in groupe.elements %}
  40.                         {% if loop.index==2 %}
  41.                             <div class="col-md-4">
  42.                                 <div class="card mb-4">
  43.                                     <a class="thumbnail" href="{{ element.url }}" aria-label="omra-details">
  45.                                         <img src="{{ domaine_back }}/{{ element.photo }}" alt="{{ element.alt }}"
  46.                                              loading="lazy">
  49.                                         <div class="details">
  52.                                             <p class="details-title">{{ element.titre1 }}</p>
  54.                                             <p class="details-hotel">{{ element.titre2 }}</p>
  57.                                             <div class="clearfix"></div>
  58.                                         </div>
  60.                                     </a>
  63.                                 </div>
  64.                             </div>
  65.                         {% endif %}
  66.                     {% endfor %}
  67.                     <div class="col-md-4">
  68.                         {% for element in groupe.elements %}
  69.                             {% if loop.index==3 or loop.index==4 %}
  70.                                 <div class="card bloc mb-4">
  71.                                     <a class="thumbnail" href="{{ element.url }}" aria-label="omra-details">
  73.                                         <img src="{{ domaine_back }}/{{ element.photo }}" alt="{{ element.alt }}"  loading="lazy">
  76.                                         <div class="details">
  79.                                             <p class="details-title">{{ element.titre1 }}</p>
  81.                                             <p class="details-hotel">{{ element.titre2 }}</p>
  84.                                             <div class="clearfix"></div>
  85.                                         </div>
  87.                                     </a>
  90.                                 </div>
  91.                             {% endif %}
  92.                         {% endfor %}
  94.                     </div>
  97.                 </div>
  100.             </div>
  103.         </section>
  104.     {% endif %}
  105. {% endif %}