{{--POSTS--}}
<section class="portfolio-standard portfolio-standard-carousel pt-40 pb-60 bg-gray">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 col-md-12 col-lg-6">
                <div class="heading mb-40">
                    <h2 class="heading__subtitle">Güncellemeler</h2>
                    <h3 class="heading__title">En Son İşlerimiz</h3>
                </div><!-- /.heading -->
            </div><!-- /.col-lg-6 -->
        </div><!-- /.row -->
        <div class="row">
            <div class="col-sm-12 col-md-12 col-lg-12">
                <div class="slick-carousel"
                     data-slick='{"slidesToShow": 3, "slidesToScroll": 1, "arrows": true, "dots": true, "responsive": [ {"breakpoint": 992, "settings": {"slidesToShow": 2}}, {"breakpoint": 767, "settings": {"slidesToShow": 2}}, {"breakpoint": 480, "settings": {"slidesToShow": 1}}]}'>
                    <!-- portfolio item #1 -->
                    @foreach($posts as $item)
                        <div class="portfolio-item rounded">
                            <div class="portfolio-item__img">
                                <a class="popup-gallery-item" href="assets/images/portfolio/grid/1.jpg">
                                    <img src="assets/images/portfolio/grid/1.jpg" alt="portfolio img">
                                </a>
                            </div>
                            <div class="portfolio-item__content">
                                <div class="portfolio-item__cat">
                                    <a href="#">Building</a><a href="#">Interior</a>
                                </div>
                                <h4 class="portfolio-item__title">
                                    <a href="#">
                                        {{ $item->post_name }}
                                    </a>
                                </h4>
                                <p class="portfolio-item__desc">We understand that data is greatest asset when it comes
                                    to analyzing
                                    and
                                    optimizing your supply chain performance.</p>
                            </div>
                        </div>
                    @endforeach
                </div><!-- /.slick-carousel -->
            </div><!-- /.col-lg-12 -->
        </div><!-- /.row -->
    </div><!-- /.container -->
</section>