@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>

    <section class="about-pg ceo-sec ">
        <div class="container">
            <div class="inner-sec">
                <div class="row">
                    <div class="col-md-7 order-2 order-lg-0">
                        <div class="text-box ">
                            <h2 class="title mb-4">{{$about->ceo_message_first_title}}</h2>
                            <p class="p">
                                <b>{{$about->ceo_message_second_title}}</b>
                            </p>
                            <p class="p fs-13">{!! $about->ceo_message_description !!}</p>
                            <p class="p mb-0">
                                <b>{{$about->ceo_name}}</b>
                            </p>
                            <p class="p mb-0">
                                <b>{{$about->ceo_job_title}}</b>
                            </p>
                            <p class="p mb-0">
                                <b>{{$about->site_name}}</b>
                            </p>
                        </div>
                    </div>
                    <div class="col-md-5 order-0 order-lg-2">
                        <div class="img-box" style="height: 450px;">
                            <img src="{{asset($about->ceo_message_image)}}" alt="" class="main-img ">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <img src="{{asset('assets/web/images/images/pattern-4.png')}}" alt="" class="pattern">
    </section>
    
    <!-- new section structure -->
    <!--<section class="about-pg ceo-sec">-->
    <!--    <div class="container">-->
    <!--        <div class="inner-sec">-->
    <!--            <div class="main-text text-start">-->
    <!--                <div class="roww">-->
    <!--                    <div class="img-box mb-5 float-left mr-5">-->
    <!--                        <img src="{{asset($about->ceo_message_image)}}" alt="" class="main-img ">-->
    <!--                    </div>-->
    <!--                    <h4 class="title mb-4"><b>{{$about->ceo_message_first_title}}</b></h4>-->
    <!--                        <p class="p">-->
    <!--                            <b>{{$about->ceo_message_second_title}}</b>-->
    <!--                        </p>-->
    <!--                        <p class="p fs-13">{!! $about->ceo_message_description !!}</p>-->
    <!--                        <p class="p mb-0">-->
    <!--                            <b>{{$about->ceo_name}}</b>-->
    <!--                        </p>-->
    <!--                        <p class="p mb-0">-->
    <!--                            <b>{{$about->ceo_job_title}}</b>-->
    <!--                        </p>-->
    <!--                        <p class="p mb-0">-->
    <!--                            <b>{{$about->site_name}}</b>-->
    <!--                        </p>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    <img src="{{asset('assets/web/images/images/pattern-4.png')}}" alt="" class="pattern">-->
    <!--</section>-->
@endsection

@section('inner_js')

@endsection