templates/galerie/galerie.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Hello GalerieController!{% endblock %}
  5. {% block titrePageSecondaire %}Galerie photo{% endblock %}
  6. {% block body %}
  7. <!-- Project Start -->
  8. {# <div class="container-fluid project galerie">
  9.     <div class="container ">
  10.         <div class="text-center mx-auto pb-2 wow fadeIn my-5" data-wow-delay=".3s">
  11.             <h1>Images</h1>
  12.         </div>
  13.         <div class="portfolio-item row my-3">
  14.             <div class="item selfie col-lg-3 col-md-4 col-6 col-sm mb-2">
  15.                <a href="https://image.freepik.com/free-photo/stylish-young-woman-with-bags-taking-selfie_23-2147962203.jpg" class="fancylight popup-btn" data-fancybox-group="light"> 
  16.                <img class="img-fluid" src="https://image.freepik.com/free-photo/stylish-young-woman-with-bags-taking-selfie_23-2147962203.jpg" alt="">
  17.                </a>
  18.             </div>
  19.             <div class="item gts col-lg-3 col-md-4 col-6 col-sm mb-2">
  20.                <a href="https://image.freepik.com/free-photo/pretty-girl-near-car_1157-16962.jpg" class="fancylight popup-btn" data-fancybox-group="light"> 
  21.                <img class="img-fluid" src="https://image.freepik.com/free-photo/pretty-girl-near-car_1157-16962.jpg" alt="">
  22.                </a>
  23.             </div>
  24.             <div class="item selfie col-lg-3 col-md-4 col-6 col-sm mb-2">
  25.                <a href="https://image.freepik.com/free-photo/attractive-young-woman-with-curly-hair-takes-selfie-posing-looking-camera_8353-6636.jpg" class="fancylight popup-btn" data-fancybox-group="light">
  26.                <img class="img-fluid" src="https://image.freepik.com/free-photo/attractive-young-woman-with-curly-hair-takes-selfie-posing-looking-camera_8353-6636.jpg" alt="">
  27.                </a>
  28.             </div>
  29.             <div class="item selfie col-lg-3 col-md-4 col-6 col-sm mb-2">
  30.                <a href="https://image.freepik.com/free-photo/multiracial-group-young-people-taking-selfie_1139-1032.jpg" class="fancylight popup-btn" data-fancybox-group="light">
  31.                <img class="img-fluid" src="https://image.freepik.com/free-photo/multiracial-group-young-people-taking-selfie_1139-1032.jpg" alt="">
  32.                </a>
  33.             </div>
  34.             <div class="item selfie col-lg-3 col-6 col-sm">
  35.                <a href="https://image.freepik.com/free-photo/two-smiling-girls-take-selfie-their-phones-posing-with-lollipops_8353-5600.jpg" class="fancylight popup-btn" data-fancybox-group="light">
  36.                <img class="img-fluid" src="https://image.freepik.com/free-photo/two-smiling-girls-take-selfie-their-phones-posing-with-lollipops_8353-5600.jpg" alt="">
  37.                </a>
  38.             </div>
  39.             <div class="item selfie col-lg-3 col-md-4 col-6 col-sm mb-2">
  40.                <a href="https://image.freepik.com/free-photo/female-friends-sitting-car-hood-taking-self-portrait_23-2147855623.jpg" class="fancylight popup-btn" data-fancybox-group="light">
  41.                <img class="img-fluid" src="https://image.freepik.com/free-photo/female-friends-sitting-car-hood-taking-self-portrait_23-2147855623.jpg" alt="">
  42.                </a>
  43.             </div>
  44.             <div class="item selfie col-lg-3 col-md-4 col-6 col-sm mb-2">
  45.                <a href="https://image.freepik.com/free-photo/two-smiling-girls-take-selfie-their-phones-posing-with-lollipops_8353-5600.jpg" class="fancylight popup-btn" data-fancybox-group="light">
  46.                <img class="img-fluid" src="https://image.freepik.com/free-photo/two-smiling-girls-take-selfie-their-phones-posing-with-lollipops_8353-5600.jpg" alt="">
  47.                </a>
  48.             </div>
  49.          </div>
  50.     </div>
  51. </div> #}
  52. <!-- Project End -->
  53. {% endblock %}