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


<!-- PAGE HERO START -->
<div class="pages-hero page-hero-video">
            <div class="pages-hero-diagonal hero-diagonal-bg-2"></div>
            <div class="container">
                <div class="pages-title-center">
                    <h1>Job Demand</h1>
                </div>
                <div class="left-page-nav">
                    <!-- Breadcrumbs -->
                    <ul class="breadcrumb">
                        <li><a href="#">Home</a></li>
                        <li>Job Seekers</li>
                        <li class="current">Demand</li>
                    </ul>
                    <!--/ Breadcrumbs -->
                </div>
            </div>
        </div>
        <!-- PAGE HERO END -->

     <!-- GALLERY GRID START -->
     <div class="container mt-5 mb-5">
         
            <div class="filter-container">
                <div class="row">
                    <div class="col-md-6 mx-auto">
                    
                    </div>
                </div>
            </div>
            <div class="grid" id="kehl-grid">
                <div class="grid-sizer"></div>
                @foreach(MPCMS::getPaperDemands() as $JobDemand)
                <div class="grid-box design">
                    <a class="image-popup-vertical-fit" href="{{site_url($JobDemand->thumb)}}">
                        <div class="image-mask"></div>
                        <img src="{{site_url($JobDemand->thumb)}}" alt="" />
                    </a>
                    <p class="custom-text2 mt-3 text-center" style="color: black; font-weight: bold;">{{$JobDemand->title}}</p>
                </div>
                @endforeach
            </div>
        </div>
        <!-- GALLERY GRID END -->

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