<div class="container content-lg">
    <div class="title-v1">
        <h2>Our Portfolio</h2>
        <p>Setiap langkah kami adalah cerita. Di sini kami membagikan perjalanan, pengalaman, serta penghargaan yang membentuk identitas dan kualitas kami</p>
    </div>

    <div class="cube-portfolio">
        <div id="grid-container" class="cbp-l-grid-gallery">

            @foreach($portofolios as $item)
            <div class="cbp-item">
                <a href="{{ asset($item->image) }}"
                   class="cbp-caption cbp-singlePageInline"
                   data-title="{{ $item->title }}<br>{{ $item->description }}">

                    <div class="cbp-caption-defaultWrap">
                        <img src="{{ asset($item->image) }}"
                             onerror="this.onerror=null;this.src='{{ asset('assets/img/default/img-default.jpg') }}';"
                             alt="{{ $item->title }}">
                    </div>

                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignLeft">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">{{ $item->title }}</div>
                                <div class="cbp-l-caption-desc">{{ $item->description }}</div>
                            </div>
                        </div>
                    </div>

                </a>
            </div>
            @endforeach

        </div>
    </div>
</div>