<!-- related portfolio-area start--> <div class="related-protfolio-area"> <div class="catagory-title cat-tit-4"> <h3>Related Portfolio</h3> </div> <div class="row total-related-portfolio carsoule-btn"> <div class="col-12"> <div class="amazing-work-single amazing-work-single-2"> <div class="amazing-img"> <a href="#"><img src="images/product/a1.jpg" alt=""></a> </div> <div class="amazing-content amazing-content-2"> <div class="porject-date"> January 28, 2015 </div> <h3 class="railway"><a href="#">Augue lorem lacinia</a></h3> </div> </div> </div> <div class="col-12"> <div class="amazing-work-single amazing-work-single-2"> <div class="amazing-img"> <a href="#"><img src="images/product/a2.jpg" alt=""></a> </div> <div class="amazing-content amazing-content-2"> <div class="porject-date"> February 28, 2015 </div> <h3 class="railway"><a href="#">Fermar lorem lacinia</a></h3> </div> </div> </div> <div class="col-12"> <div class="amazing-work-single amazing-work-single-2"> <div class="amazing-img"> <a href="#"><img src="images/product/a3.jpg" alt=""></a> </div> <div class="amazing-content amazing-content-2"> <div class="porject-date"> March 28, 2018 </div> <h3 class="railway"><a href="#">Bergu Sorm lacinia</a></h3> </div> </div> </div> <div class="col-12"> <div class="amazing-work-single amazing-work-single-2"> <div class="amazing-img"> <a href="#"><img src="images/product/a4.jpg" alt=""></a> </div> <div class="amazing-content amazing-content-2"> <div class="porject-date"> January 17, 2015 </div> <h3 class="railway"><a href="#">Ajax Sakm lacinia</a></h3> </div> </div> </div> <div class="col-12"> <div class="amazing-work-single amazing-work-single-2"> <div class="amazing-img"> <a href="#"><img src="images/product/a5.jpg" alt=""></a> </div> <div class="amazing-content amazing-content-2"> <div class="porject-date"> April 28, 2018 </div> <h3 class="railway"><a href="#">Strim lorem lacinia</a></h3> </div> </div> </div> </div> </div> <!-- related portfolio-area end-->
$('.total-related-portfolio').slick({ slidesToShow: 4, slidesToScroll: 1, autoplay: false, autoplaySpeed: 5000, dots: false, arrows: true, prevArrow: '', nextArrow: '', responsive: [ { breakpoint: 1169, settings: { slidesToShow: 4, } }, { breakpoint: 969, settings: { slidesToShow: 3, } }, { breakpoint: 767, settings: { slidesToShow: 2, } }, { breakpoint: 479, settings: { slidesToShow: 1, } }, ] });
<!-- related portfolio-area start--> <div class="related-protfolio-area"> <div class="catagory-title cat-tit-4"> <h3>Related Portfolio</h3> </div> <div class="row total-related-portfolio-2 carosule-pagi carsoule-pagi-2"> <div class="col-12"> <div class="amazing-work-single amazing-work-single-2"> <div class="amazing-img"> <a href="#"><img src="images/product/a1.jpg" alt=""></a> </div> <div class="amazing-content amazing-content-2"> <div class="porject-date"> January 28, 2015 </div> <h3 class="railway"><a href="#">Augue lorem lacinia</a></h3> </div> </div> </div> <div class="col-12"> <div class="amazing-work-single amazing-work-single-2"> <div class="amazing-img"> <a href="#"><img src="images/product/a2.jpg" alt=""></a> </div> <div class="amazing-content amazing-content-2"> <div class="porject-date"> February 28, 2015 </div> <h3 class="railway"><a href="#">Fermar lorem lacinia</a></h3> </div> </div> </div> <div class="col-12"> <div class="amazing-work-single amazing-work-single-2"> <div class="amazing-img"> <a href="#"><img src="images/product/a3.jpg" alt=""></a> </div> <div class="amazing-content amazing-content-2"> <div class="porject-date"> March 28, 2018 </div> <h3 class="railway"><a href="#">Bergu Sorm lacinia</a></h3> </div> </div> </div> <div class="col-12"> <div class="amazing-work-single amazing-work-single-2"> <div class="amazing-img"> <a href="#"><img src="images/product/a4.jpg" alt=""></a> </div> <div class="amazing-content amazing-content-2"> <div class="porject-date"> January 17, 2015 </div> <h3 class="railway"><a href="#">Ajax Sakm lacinia</a></h3> </div> </div> </div> <div class="col-12"> <div class="amazing-work-single amazing-work-single-2"> <div class="amazing-img"> <a href="#"><img src="images/product/a5.jpg" alt=""></a> </div> <div class="amazing-content amazing-content-2"> <div class="porject-date"> April 28, 2018 </div> <h3 class="railway"><a href="#">Strim lorem lacinia</a></h3> </div> </div> </div> </div> </div> <!-- related portfolio-area end-->
Which layout option you want to use?
Which theme color you want to use? Select from here.
Which background pattern you want to use?
Which background image you want to use?