templates/frontend/gallery/model_1.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}  {%  for p in frontend_page %}
  4.                     {% if p.adminLink == page_admink_link %} {{p.name}}{% endif %}{% endfor %}{% endblock %}
  6. {% block css %}
  7.     <link rel="stylesheet" href="{{ asset('assets/gallery/css/jquery-ui.css') }}">
  8.     <link rel="stylesheet" href="{{ asset('assets/gallery/css/lightgallery.min.css') }}">
  9.     <link rel="stylesheet" href="{{ asset('assets/gallery/fonts/flaticon/font/flaticon.css') }}">
  10.     <style>
  11.         .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover{
  12.             background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important;
  13.         }
  16.     </style>
  18. {% endblock %}
  20. {% block body %}
  25.     <div class=" d-flex flex-column flex-row-fluid">
  26.         <div class="card-body row pt-head">
  27.             {%  for p in frontend_page %}
  28.                 {% if p.adminLink == page_admink_link %}
  29.                     <h2 class="bold text-center text-primary">{{ p.name }}</h2>
  30.                 {% endif %}
  31.             {% endfor %}
  33.             {% if items|length >0 %}
  34.                 <div class="row" id="lightgallery">
  35.                     {% for img in items %}
  36.                         {% if img.image != "" %}
  38.                             <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 item" data-aos="fade" data-src="{{ asset('uploads/'~img.image) }}" data-sub-html="{{ img.description|raw }}">
  39.                                 <a href="#"><img src="{{ asset('uploads/'~img.image) }}" alt="" class="img-fluid"></a>
  40.                             </div>
  41.                         {% endif %}
  43.                     {% endfor %}
  45.                 </div>
  47.             {% endif %}
  53.         </div>
  55.     </div>
  57. {% endblock %}
  59.  {% block js %}
  60.      <script src="{{ asset('assets/gallery/js/jquery-ui.js') }}"></script>
  61.      <script src="{{ asset('assets/gallery/js/owl.carousel.min.js') }}"></script>
  62.      <script src="{{ asset('assets/gallery/js/jquery.stellar.min.js') }}"></script>
  63.      <script src="{{ asset('assets/gallery/js/jquery.countdown.min.js') }}"></script>
  64.      <script src="{{ asset('assets/gallery/js/swiper.min.js') }}"></script>
  65.      <script src="{{ asset('assets/gallery/js/aos.js') }}"></script>
  66.      <script src="{{ asset('assets/gallery/js/picturefill.min.js') }}"></script>
  67.      <script src="{{ asset('assets/gallery/js/lightgallery-all.min.js') }}"></script>
  68.      <script src="{{ asset('assets/gallery/js/jquery.mousewheel.min.js') }}"></script>
  70.      <script>
  71.          $(document).ready(function (){
  72.              $('#lightgallery').lightGallery();
  73.          })
  77.      </script>
  80.  {% endblock %}