@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-7">-->
    <!--                        <h6 class="subtitle text-uppercase">{{__('abouts.head')}}</h6>-->
    <!--                        <h2 class="title  mt-3 mb-4">{{$about->about_first_title}}</h2>-->
    <!--                        <p class="p mb-1">-->
    <!--                            <b>{{$about->about_second_title}}</b>-->
    <!--                        </p>-->
    <!--                        <p class="p mb-1">{!! $about->about_description !!}</p>-->
    <!--                    </div>-->
    <!--                    <div class="col-md-5 mob_order_3">-->
    <!--                        <div class="img-box mb-5">-->
    <!--                            <img src="{{asset($about->about_image)}}" alt="" class="main-img ">-->
    <!--                        </div>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--        </div>-->
    <!--    </div>-->
    <!--</section>-->
    
    
    <!-- new section structure -->
    <section class="about-pg">
        <div class="container">
            <div class="inner-sec">
                <div class="main-text text-start">
                    <div class="roww">
                        <div class="img-box mb-5 float_img float-right ml-5">
                            <img src="{{asset($about->about_image)}}" alt="" class="main-img ">
                        </div>
                        <h2 class="title  mt-3 mb-4">{{$about->about_first_title}}</h2>
                        <p class="p mb-1">
                            <b>{{$about->about_second_title}}</b>
                        </p>
                        <p class="p mb-1">{!! $about->about_description !!}</p>
                    </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