@extends('web.layouts.container')
@section('content')
    <section class="about-pg section">
        <div class="container">
            <div class="box mb-5">
                <img src="{{asset($page->image)}}" alt="" class="sec-img serv_img"/>
            </div>
            <div class="text-box  wow left_to_right_apperance no_scale">
                <div class="head_box mb-5 col-lg-5">
                    <h1 class="title mb-4 color-secondary">
                        {{$page->title}}
                    </h1>
                    <h6 class="det fw-light">
                        {{__('pages.updated_on') . ' ' . $day . ' ' . $month  }} <span class="color-primary">{{$year}}</span>
                    </h6>
                </div>
                <div class="pt-4 col-lg-11">
                    <div class="content-box mb-4 details_container">
                        {!! $page->description !!}
                    </div>

                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')

    <script>
        $(document).ready(function () {
            $('.details_container p').addClass('det');
            $('.details_container ul').addClass('color-primary');
        });
    </script>
@endsection