@extends('web.layouts.container')


@section('content')
    <section class="about-cards">
        <div class="container">
            <div class="inner-sec">
                <div class="heading text-center mb-5 pb-3 wow fadeInUp" data-wow-duration="2s">
                    <h1 class="sec-title ">{!! __('abouts.what_we_provide') !!}</h1>
{{--                    <p class="heading-p mt-3">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>--}}
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="card">
                            <img src="{{asset('assets/web/images/icons/card_about_3.svg')}}" alt="" class="icon"/>
                            <div class="card-body">
                                <h6 class="title">{{$about->quality_insurance_title}}</h6>
                                <p class="p">{!! $about->quality_insurance_description !!} </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="card">
                            <img src="{{asset('assets/web/images/icons/card_about_4.svg')}}" alt="" class="icon"/>
                            <div class="card-body">
                                <h6 class="title">{{$about->health_safety_title}}</h6>
                                <p class="p">{!! $about->health_safety_description !!} </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection

@section('inner_js')
    {{--    <script>--}}
    {{--        let url = "{{asset($about->image)}}";--}}
    {{--       $('header').addClass('inner-pages').attr('style', 'background: url('+url+')');--}}

    {{--    </script>--}}
@endsection