@extends('web.layouts.container')


@section('content')
    <div class="page-heading" style="background: url({{asset('assets/web/images/page-heading-1.png')}});">
        <div class="container">
            <div class="text-box text-center">
                <h1 class="sec-title">{{$pageTitle[0]}} <b>{{$pageTitle[1]}}</b></h1>
            </div>
        </div>
    </div>
    <!--Start about-pg -->
    <section class="about-pg">
        <div class="container">
            <div class="inner-sec">
                <div class="main-text text-start">
                    <div class="row">
                        <div class="col-md-5">
                            <div class="img-box2 mb-5">
                                <img src="{{asset($about->our_story_image)}}" alt="" class="main-img ">
                            </div>
                        </div>
                        <div class="col-md-7">
                            <!-- <h6 class="subtitle">Who We Are</h6> -->
                            <h2 class="title  mt-3 mb-4">{{$about->our_story_first_title}}</h2>
                            <p class="p mb-1">
                                <b>{{$about->our_story_second_title}}</b>
                            </p>
                            <p class="p mb-1">{{stripText($about->our_story_description)}}</p>
                        </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