TanchoToplineCargo/resources/views/client/niwida/partials/demands.blade.php

<section id="availablejobs" class="our-complit bg-eeeffe">
    <div class="container">
        <div class="row">
            <div class="col-xl-8   text-xl-left text-center">
                <div class="pt-section-title-box ">
                    <span class="pt-section-sub-title">Recent offers</span>
                    <h2 class="pt-section-title">Job Demands by NIWIDA</h2>
                </div>
            </div>
            <div class="col-xl-4 d-xl-flex justify-content-xl-end align-items-center text-center mt-3">
                <div class="pt-btn-container">
                    <div class="pt-button-block">
                        <a class="pt-button" href="demand.html"> <span>View More</span></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="row g-4">
            @foreach(MPCMS::getPaperDemands() as $PaperDemand)
            <div class="col-md-3 mt-30">
                <a href="{{$PaperDemand->thumb}}" data-lightbox="{{$PaperDemand->title}}">
                    <div class="card mb-4 demandimg">
                        <img class="img-fluid rounded" src="{{$PaperDemand->thumb}}" alt="">
                        <div class="card-body">
                            <h5 class="card-title">{{$PaperDemand->title}} </h5>
                        </div>
                    </div>
                </a>
            </div>
            @endforeach
            <div class="col-md-3 mt-30">
                <a href="{{template('uploads/images/demand/EASTERN.jpg')}}" data-lightbox="image-1">
                    <div class="card mb-4 demandimg">
                        <img class="img-fluid rounded" src="{{template('uploads/images/demand/EASTERN.jpg')}}" alt="">
                        <div class="card-body">
                            <h5 class="card-title">Published Date: 2023/07/08 </h5>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-3 mt-30">
                <a href="{{template('uploads/images/demand/PEMBALINE.jpg')}}" data-lightbox="image-1">
                    <div class="card mb-4 demandimg">
                        <img class="img-fluid rounded" src="{{template('uploads/images/demand/PEMBALINE.jpg')}}" alt="">
                        <div class="card-body">
                            <h5 class="card-title">Published Date: 2023/07/07 </h5>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-3 mt-30">
                <a href="{{template('uploads/images/demand/RICH-HILLS-AGRO-ENTERPRISE.jpg')}}" data-lightbox="image-1">
                    <div class="card mb-4 demandimg">
                        <img class="img-fluid rounded" src="{{template('uploads/images/demand/RICH-HILLS-AGRO-ENTERPRISE.jpg')}}" alt="">
                        <div class="card-body">
                            <h5 class="card-title">Published Date: 2023-07-04 </h5>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-3 mt-30">
                <a href="{{template('uploads/images/demand/JOO-HAUT-AND-FONIK.jpg')}}" data-lightbox="image-1">
                    <div class="card mb-4 demandimg">
                        <img class="img-fluid rounded" src="{{template('uploads/images/demand/JOO-HAUT-AND-FONIK.jpg')}}" alt="">
                        <div class="card-body">
                            <h5 class="card-title">Published Date: 2023-06-27 </h5>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-3 mt-30">
                <a href="{{template('uploads/images/demand1/BURNMARK-INDUSTRIES-RE.jpg')}}" data-lightbox="image-1">
                    <div class="card mb-4 demandimg">
                        <img class="img-fluid rounded" src="{{template('uploads/images/demand1/BURNMARK-INDUSTRIES-RE.jpg')}}" alt="">
                        <div class="card-body">
                            <h5 class="card-title">Published Date: 2023-06-15 </h5>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-3 mt-30">
                <a href="{{template('uploads/images/demand1/ZAFA.jpg')}}" data-lightbox="image-1">
                    <div class="card mb-4 demandimg">
                        <img class="img-fluid rounded" src="{{template('uploads/images/demand1/ZAFA.jpg')}}" alt="">
                        <div class="card-body">
                            <h5 class="card-title">Published Date: 2023-06-12 </h5>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-3 mt-30">
                <a href="{{template('uploads/images/demand1/TERUJA-AND-SAYONG.jpg')}}" data-lightbox="image-1">
                    <div class="card mb-4 demandimg">
                        <img class="img-fluid rounded" src="{{template('uploads/images/demand1/TERUJA-AND-SAYONG.jpg')}}" alt="">
                        <div class="card-body">
                            <h5 class="card-title">Published Date: 2023-06-09 </h5>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</section>