templates/components/areas/home/gallery.html.twig line 1

Open in your IDE?
  1. <section class="gallery-our gallery-area">
  2.     <div class="container">
  3.         <div class="gallery">
  4.             <div class="gallery-area-text">
  5.                 <h2 class="title-gallery">{{galleryArea.translate(locale).title}}</h2>
  6.                 <div class="outline"></div>
  7.                 <div class="gallery-p">{{galleryArea.translate(locale).subtitle}}</div>
  8.             </div>
  9.             <ul class="nav nav-tabs text-uppercase">
  10.             {% for category in galleries %}
  11.                 <li class="{{loop.first ? "active"}}"><a data-toggle="tab" href="#{{category.translate(locale).slug}}">{{category.translate(locale).name}}</a></li>
  12.             {% endfor %}
  13.             </ul>
  14.             <br/>
  15.             <div class="tab-content">
  16.                 {% for category in galleries %}
  17.                     <div id="{{category.translate(locale).slug}}" class="tab-pane fade in {{loop.first ? "active"}}">
  18.                         <div class="product ">
  19.                             <div class="row">
  20.                                 {% for item in category.images|sort((a, b) => a.position <=> b.position)|slice(0,5) %}
  21.                                     <div class="gallery_product col-lg-3 col-md-3 col-sm-6 col-xs-6 ">
  22.                                         <div class="wrap-box">
  23.                                             <div class="box-img">
  24.                                                 <img src="images/lazy.png" data-src="images/gallery/{{item.url}}" class="img-responsive lazy" alt="Product" title="images products">
  25.                                             </div>
  26.                                             <div class="gallery-box-main " title>
  27.                                                 <div class="gallery-icon">
  28.                                                     <a class="lightbox " href="images/gallery/{{item.url}}" data-littlelightbox-group="gallery" title="{{item.translate(locale).caption}}"><i class="ion-ios-plus-empty" aria-hidden="true" ></i> </a>
  29.                                                 </div>
  30.                                             </div>
  31.                                         </div>
  32.                                     </div>
  33.                                 {% endfor %}
  34.                             </div>
  35.                         </div>
  36.                     </div>
  37.                 {% endfor %}
  38.             </div>
  39.             <!-- end-tab-content -->
  40.             <div class="text-center">
  41.                 <a href="{{path('gallery_index')}}" type="button" class="btn btn-default btn-our">{{galleryArea.translate(locale).callToAction}}</a>
  42.             </div>
  43.         </div>
  44.         <!-- /gallery -->
  45.     </div>
  46.     <!-- /container -->
  47. </section>