@extends('client.humancarerecruit.partials.layout')
@section('header')
<title>Testimonials from Satisfied Clients - {{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">
        <p class="text-light">Home / Testimonials from Satisfied Clients</p>
        <p class="medium-text text-light">Testimonials from Satisfied Clients</p>
    </div>
</section>

<section class="testimonials-page section-padding custom-background">
    <div class="container vstack gap-5">
        
        @php $testimonials=MPCMS::getarticle('testimonials');
       
        @endphp
        @foreach($testimonials->children as $testimonials)


        <div class="row g-3 d-flex align-items-center">
            <div class="col-md-3">
                <div>
                    <div class="uk-inline-clip uk-transition-toggle" tabindex="0">

                        <img class="uk-transition-scale-up uk-transition-opaque" src="{{site_url($testimonials->cover_photo)}}" width="1200" height="800" alt="">
                    </div>
                </div>
               

            </div>
            <div class="col-md-9">
                <p class="">{!!$testimonials->text!!}</p>
                <p class="fw-bold custom-text">{{$testimonials->title}}</p>
            </div>
        </div>
        <hr>

        @endforeach



</section>

@endsection