<!-- Products - Carousel Image --> <div class="js-carousel" data-infinite="true" data-autoplay="true" data-speed="6000" data-arrows-classes="u-arrow-v1 g-pos-abs g-bottom-0 g-width-30 g-height-30 g-color-main g-bg-primary-opacity-0_4 g-bg-primary--hover g-color-white" data-arrow-left-classes="fa fa-angle-left g-right-30 g-brd-right g-brd-white-opacity-0_1" data-arrow-right-classes="fa fa-angle-right g-right-0"> <div class="js-slide g-pos-rel"> <a class="js-fancybox d-block u-icon-v3 g-width-30 g-height-30 g-color-main g-bg-primary-opacity-0_6 g-bg-primary--hover g-color-white g-font-size-14 g-pos-abs g-bottom-0 g-right-65" href="javascript:;" data-fancybox="lightbox-gallery--01" data-src="img1.jpg" data-speed="350" data-caption="Lightbox Gallery"> <i class="icon-size-fullscreen"></i> </a> <img class="img-fluid" src="img1.jpg" alt="Image Description"> </div> <div class="js-slide g-pos-rel"> <a class="js-fancybox d-block u-icon-v3 g-width-30 g-height-30 g-color-main g-bg-primary-opacity-0_6 g-bg-primary--hover g-color-white g-font-size-14 g-pos-abs g-bottom-0 g-right-65" href="javascript:;" data-fancybox="lightbox-gallery--01" data-src="img2.jpg" data-speed="350" data-caption="Lightbox Gallery"> <i class="icon-size-fullscreen"></i> </a> <img class="img-fluid" src="img2.jpg" alt="Image Description"> </div> <div class="js-slide g-pos-rel"> <a class="js-fancybox d-block u-icon-v3 g-width-30 g-height-30 g-color-main g-bg-primary-opacity-0_6 g-bg-primary--hover g-color-white g-font-size-14 g-pos-abs g-bottom-0 g-right-65" href="javascript:;" data-fancybox="lightbox-gallery--01" data-src="img3.jpg" data-speed="350" data-caption="Lightbox Gallery"> <i class="icon-size-fullscreen"></i> </a> <img class="img-fluid" src="img3.jpg" alt="Image Description"> </div> </div> <!-- Products - Carousel Image --> |