@extends('front.master')

@section('title', 'Testimonials')
@section('meta_title', 'Testimonials')
@section('description', 'We have worked alongside countless candidates and education providers. View our testimonials. See what our clients have to say about our recruitment services.')
{{-- facebook meta tags --}}
@section('fb_meta_title', 'Testimonials')
@section('fb_description',  'We have worked alongside countless candidates and education providers. View our testimonials. See what our clients have to say about our recruitment services.')
@section('fb_route', URL::current()) 
@section('fb_type', 'website')
@section('fb_image', asset('/images/new_design_2022/offer_ca3rd.png'))

{{--twitter meta tags --}}
@section('twitter_meta_title',  'Testimonials')
@section('twitter_description', 'We have worked alongside countless candidates and education providers. View our testimonials. See what our clients have to say about our recruitment services.')
@section('twitter_url',  URL::current())


@section('content')
<div class="page-wrapper">
    <section class="home-top testimonials">
        <div class="container position-relative">
            <div class="float-bg">
                <img src="{{ Vite::asset('resources/images/arrows-right-bg.svg')}}" alt="#" width="227" height="106">
            </div>
            <div class="bigger-z-index">
                <div class="row">
                    <div class="col-md-10 offset-md-1 col-xl-12 offset-xl-0 text-center text-xl-start order-first order-xl-last">
                        <div class="row align-items-center pb-4 pb-md-5 gy-5">
                            <div class="col-xl-4 offset-xl-1 col-xxl-4 offset-xxl-1 color-darkgray">
                                <div class="ps-0 px-xl-5">
                                    <h1 class="mb-4 h2 color-pink">Testimonials</h1>
                                    <p class="f-24 font-medium color-darkgray">Words from our schools & candidates</p>
                                </div>
                            </div>
                            <div class="col-10 offset-1 col-sm-8 offset-sm-2 col-xl-5 offset-xl-1 order-last order-xl-first">
                                <img src="{{ Vite::asset('resources/images/testimonials-top-bg.svg')}}" alt="#" class="image-auto" width="459" height="448">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="testimonislas-block">
        <div class="container position-relative">
            <div class="float-bg1">
                <img src="{{ Vite::asset('resources/images/float-square-bg.svg')}}" alt="#" width="461" height="554">
            </div>
            <div class="float-bg2">
                <img src="{{ Vite::asset('resources/images/float-square-bg.svg')}}" alt="#" width="461" height="554">
            </div>
            <div class="row bigger-z-index">
                <div class="col-lg-10 offset-lg-1 col-xl-8 offset-xl-2">
                    <div class="px-0 px-xl-5">
                        <div class="d-flex flex-column flex-wrap list">
                            @if($testimonials)
                                @foreach ($testimonials as $testimonial )
                                    <div class="single">
                                        <p class="tilte">{{ $testimonial->title}}</p>
                                        <p>{!!$testimonial->description!!}</p>
                                    </div>
                                @endforeach
                            @endif
                            

                           
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> 
 
</div>


@endsection



@push('modals')

@endpush
@push('scripts')

@endpush