900-234-565-379

Related-Portfolio

Style 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 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, } }, ] });

Style 2

                
<!-- 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-->

            
            
		
$('.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, } }, ] });

Layout Options

Which layout option you want to use?

  • Wide
  • Boxed

Color Schemes

Which theme color you want to use? Select from here.

Background Patterns

Which background pattern you want to use?

Background Images

Which background image you want to use?