@extends('client.humancarerecruit.partials.layout')
@section('header')
<title>Our Team - {{env("APP_NAME")}}</title>
@endsection

@section('content')


<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;"></div>
        <p class="text-light">Home / Our Team</p>
        <p class="medium-text text-light">Our Team</p>
    </div>
</section>


<section class="job-category section-padding custom-background">
    <div class="container vstack gap-3">
    

        <div class="row g-3 d-flex align-items-center">
        @foreach(MPCMS::getTeams() as $Team)
            <div class="col-md-3">
                <div class="p-2">
                    <div>
                        <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
                            <img class="uk-transition-scale-up uk-transition-opaque" src="{{site_url($Team->thumb)}}" width="1800" height="1200" alt="">
                        </div>
                    </div>
                    <div class="mt-3 text-center"> 
                        <p class="custom-text fs-5">{{$Team->title}}</p>
                        <p class="mt-3 fw-bold">
                        {{$Team->designation}}   
                        </p>
                    </div>
                  
                </div>
            </div>
            @endforeach


</section>

@endsection