templates/pages/galeriePhoto.html.twig line 1

  1. {% extends "base.html.twig" %}
  3. {% block title %}Galerie photo - Le Migennois{% endblock %}
  5. {% block body %}
  6.     <main role="main">
  7.         <section class="photo-galery" data-controller="popup">
  8.             <div class="container">
  9.                 <div class="title-subtitle yellow">
  10.                     <span class="subtitle">La vie comme vous l'imaginez !</span>
  11.                     <h1>Notre galerie photo</h1>
  12.                 </div>
  13.                 <div class="js-filter" data-controller="filter">
  14.                     <div class="album">
  15.                         {{ form_start(albumForm, {attr: {class:'js-filter-form'}})  }}
  16.                             <div class="wrapper">
  17.                                 {{ form_label( albumForm.albumPhoto , null ,{'label_attr': {class:'filtre-label' } } ) }}
  18.                                 {{ form_widget(albumForm.albumPhoto, {attr: {class: 'widget-form'} } ) }}
  19.                             </div>
  20.                             <button type="submit" class="widget-form blue">
  21.                                 Filtrer
  22.                             </button>
  23.                         {{ form_end(albumForm) }}
  24.                     </div>
  25.                     <div class="row js-filter-content">
  26.                         {% include 'pages/photoGalerie/_photoGalerie.html.twig' %}
  27.                     </div>
  28.                     {% if pages > 1 %}
  29.                         <div class="js-filter-pagination">
  30.                             {% include "pages/photoGalerie/_pagination.html.twig" %}
  31.                         </div>
  32.                     {% endif %}
  33.                     <div class="popup">
  34.                         <img class="cross" src="{{ asset('images/icons/cross.svg') }}" alt="croix">
  35.                         {% include 'pages/photoGalerie/_carrousel.html.twig' %}
  36.                         <div class="bg-black"></div>
  37.                     </div>
  38.                 </div>
  39.             </div>
  40.         </section>
  41.     </main>
  42. {% endblock %}