@section('header')
<title>Current Job Demands - {{env("APP_NAME")}}</title>
@endsection
@include('client.niwida.partials.headerincludes')
@include('client.niwida.nav')




{{-- <section class="banner-background d-flex align-items-center text-center">
    <div class="container position-relative" uk-scrollspy="cls: uk-animation-slide-top-medium; repeat: true">
        <div class="square" style="left:0%; z-index:2;">
        <h1>Current Job Demands</h1></div>
    </div>
</section> --}}
<div class="col-sm-12">
    <div class="pt-breadcrumb">
        <div class="pt-bg-overley" style="background-image: url('assets/images/niwida/get-in-touch.jpg');"></div>
        <div class="container">
           <div class="row align-items-center">
              <div class="col-sm-12">
                 <nav aria-label="breadcrumb">
                    <div class="pt-breadcrumb-title">
                       <h1>Job Categories</h1>
                    </div>
                    <div class="pt-breadcrumb-container">
                       <ol class="breadcrumb">
                          <li class="breadcrumb-item"><a href="#"><i class="fas fa-home mr-2"></i>Home</a></li>
                          <li class="breadcrumb-item">Job seekers</li>
                          <li class="breadcrumb-item">Job Categories</li>
                       </ol>
                    </div>
                 </nav>
              </div>
           </div>
        </div>
    </div>
<section class="clients1 section-padding custom-background position-relative">
    <div class="vstack gap-5" uk-scrollspy="target: > div; cls: uk-animation-slide-bottom-medium; delay: 300;  repeat: true">
        <div class="container">
            <p class="fw-bold"></p>
            <div class="thumb"></div>
            <p class="fs-4 custom-text">List of current Job Demands</p>
            <div class="vstack gap-5 pt-3">
                <div class="row g-5 text-center">
                    @foreach(MPCMS::getPaperDemands() as $JobDemand)
                    <div class="col-md-3">
                        <a href="{{site_url($JobDemand->thumb)}}" data-fancybox="gallery1">
                            <img class="img-fluid" src="{{site_url($JobDemand->thumb)}}" alt="">
                        </a>
                        <p class="custom-text2 mt-3">{{$JobDemand->title}}</p>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</section>

@include('client.niwida.partials.footer')