@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 ">{{$about->mission_title}} & <b>{{$about->vision_title}}</b></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_1.svg')}}" alt="" class="icon"/>
                            <div class="card-body">
                                <h6 class="title">{{$about->mission_title}}</h6>
                                <p class="p">{!! $about->mission_description !!}</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="card">
                            <img src="{{asset('assets/web/images/icons/card_about_2.svg')}}" alt="" class="icon"/>
                            <div class="card-body">
                                <h6 class="title">{{$about->vision_title}}</h6>
                                <p class="p">{!! $about->vision_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