templates/AppTemplates/valide/galerieContent/index.html.twig line 1

Open in your IDE?
  1.     <style>
  2.         {% include "AppTemplates/valide/galerieContent/element.css" %}
  3.     </style>
  5.     <div class="gallery" id="gallery">
  6.         <div class="gallery-item">
  7.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/gardiennage/1.webp')}}" alt=""></div>
  8.         </div>
  9.         <div class="gallery-item">
  10.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/gardiennage/14.JPG')}}" alt=""></div>
  11.         </div>
  12.         <div class="gallery-item">
  13.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/gardiennage/2.webp')}}" alt=""></div>
  14.         </div>
  15.         <div class="gallery-item">
  16.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/gardiennage/3.webp')}}" alt=""></div>
  17.         </div>
  18.         <div class="gallery-item">
  19.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/gardiennage/4.webp')}}" alt=""></div>
  20.         </div>
  21.         <div class="gallery-item">
  22.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/gardiennage/5.webp')}}" alt=""></div>
  23.         </div>
  24.         <div class="gallery-item">
  25.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/gardiennage/13.JPG')}}" alt=""></div>
  26.         </div>
  27.         <div class="gallery-item">
  28.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/gardiennage/encadrerus.webp')}}" alt=""></div>
  29.         </div>
  30.         <div class="gallery-item">
  31.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/gardiennage/7.webp')}}" alt=""></div>
  32.         </div>
  33.         <div class="gallery-item">
  34.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/gardiennage/8.webp')}}" alt=""></div>
  35.         </div>
  36.         <div class="gallery-item">
  37.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/gardiennage/9.webp')}}" alt=""></div>
  38.         </div>
  39.         <div class="gallery-item">
  40.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/gardiennage/10.webp')}}" alt=""></div>
  41.         </div>
  42.         <div class="gallery-item">
  43.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/gardiennage/11.webp')}}" alt=""></div>
  44.         </div>
  45.         <div class="gallery-item">
  46.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/gardiennage/12.webp')}}" alt=""></div>
  47.         </div>
  48.         <div class="gallery-item">
  49.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/evenementiel/1.webp')}}" alt=""></div>
  50.         </div>
  51.         <div class="gallery-item">
  52.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/evenementiel/6.webp')}}" alt=""></div>
  53.         </div>
  54.         <div class="gallery-item">
  55.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/evenementiel/3.webp')}}" alt=""></div>
  56.         </div>
  57.         <div class="gallery-item">
  58.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/evenementiel/5.webp')}}" alt=""></div>
  59.         </div>
  60.         <div class="gallery-item">
  61.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/evenementiel/25.png')}}" alt=""></div>
  62.         </div>
  63.         <div class="gallery-item">
  64.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/evenementiel/7.webp')}}" alt=""></div>
  65.         </div>
  66.         <div class="gallery-item">
  67.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/evenementiel/8.webp')}}" alt=""></div>
  68.         </div>
  69.         <div class="gallery-item">
  70.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/evenementiel/9.webp')}}" alt=""></div>
  71.         </div>
  72.         <div class="gallery-item">
  73.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/evenementiel/10.webp')}}" alt=""></div>
  74.         </div>
  75.         <div class="gallery-item">
  76.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/evenementiel/12.webp')}}" alt=""></div>
  77.         </div>
  78.         <div class="gallery-item">
  79.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/evenementiel/11.webp')}}" alt=""></div>
  80.         </div>
  81.         <div class="gallery-item">
  82.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/evenementiel/16.webp')}}" alt=""></div>
  83.         </div>
  84.         <div class="gallery-item">
  85.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/evenementiel/15.webp')}}" alt=""></div>
  86.         </div>
  87.         <div class="gallery-item">
  88.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/evenementiel/17.webp')}}" alt=""></div>
  89.         </div>
  90.         <div class="gallery-item">
  91.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/evenementiel/19.webp')}}" alt=""></div>
  92.         </div>
  93.         <div class="gallery-item">
  94.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/evenementiel/21.webp')}}" alt=""></div>
  95.         </div>
  96.         <div class="gallery-item">
  97.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/evenementiel/22.webp')}}" alt=""></div>
  98.         </div>
  99.         <div class="gallery-item">
  100.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/evenementiel/26.png')}}" alt=""></div>
  101.         </div>
  102.         <div class="gallery-item">
  103.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/transportdefond/91.webp')}}" alt=""></div>
  104.         </div>
  105.         <div class="gallery-item">
  106.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/transportdefond/1.webp')}}" alt=""></div>
  107.         </div>
  108.         <div class="gallery-item">
  109.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/transportdefond/2.webp')}}" alt=""></div>
  110.         </div>
  111.         <div class="gallery-item">
  112.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/transportdefond/10.jpg')}}" alt=""></div>
  113.         </div>
  114.         <div class="gallery-item">
  115.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/transportdefond/3.webp')}}" alt=""></div>
  116.         </div>
  117.         <div class="gallery-item">
  118.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/transportdefond/4.webp')}}" alt=""></div>
  119.         </div>
  120.         <div class="gallery-item">
  121.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/transportdefond/5.webp')}}" alt=""></div>
  122.         </div>
  123.         <div class="gallery-item">
  124.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/transportdefond/6.webp')}}" alt=""></div>
  125.         </div>
  126.         <div class="gallery-item">
  127.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/produitssensible/2.webp')}}" alt=""></div>
  128.         </div>
  129.         <div class="gallery-item">
  130.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/transportdefond/7.webp')}}" alt=""></div>
  131.         </div>
  132.         <div class="gallery-item">
  133.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/produitssensible/1.webp')}}" alt=""></div>
  134.         </div>
  135.         <div class="gallery-item">
  136.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/produitssensible/3.webp')}}" alt=""></div>
  137.         </div>
  138.         <div class="gallery-item">
  139.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/produitssensible/4.webp')}}" alt=""></div>
  140.         </div>
  141.         <div class="gallery-item">
  142.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/produitssensible/5.webp')}}" alt=""></div>
  143.         </div>
  144.         <div class="gallery-item">
  145.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/produitssensible/8.webp')}}" alt=""></div>
  146.         </div>
  147.         <div class="gallery-item">
  148.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/formation/formation.jpg')}}" alt=""></div>
  149.         </div>
  150.         <div class="gallery-item">
  151.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/formation/1.webp')}}" alt=""></div>
  152.         </div>
  153.         <div class="gallery-item">
  154.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/formation/3.webp')}}" alt=""></div>
  155.         </div>
  156.         <div class="gallery-item">
  157.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/formation/8.webp')}}" alt=""></div>
  158.         </div>
  159.         <div class="gallery-item">
  160.             <div class="content"><img class="lozad" src="{{asset('img/background.png')}}" data-src="{{asset('img/formation/4.webp')}}" alt=""></div>
  161.         </div>
  162.     </div>
  163.         
  164.     {% include "AppTemplates/layout/separator2.html.twig" %}
  165.     
  168.     <script>
  170.     
  171. var typed_gallery = new Typed('.typed_gallery', {
  172.     strings: ['{{"Gallerie SVS"|trans}}<br><span>{{"La sécurité en images."|trans}}</span>'],
  173.     typeSpeed: 25,
  174.     startDelay: 250,
  175.     backDelay: 2500,
  176.     loop: false,
  177.     cursorChar: '<i class="fas fa-circle"></i>',
  178. });
  181.         {% include "AppTemplates/valide/galerieContent/element.js" %}
  182.     </script>