@extends('web.layouts.container')
@section('content')
    <section class="about-sec">
        <div class="container">
            <div class="row" id="overview">
                <div class="col-lg-7">
                    <div class="text-box center-vr wow text-focus-in">
                        <h2 class="title mb-4">{{$pages[2][0]['about_us_overview_title']}}</h2>
                        <p class="p">{!! html_entity_decode($pages[2][0]['about_us_overview_description']) !!}</p>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="img-box">
                        <img src="{{asset($pages[2][0]['about_us_overview_image'])}}" alt="" class="wow zoomIn"  />
                    </div>
                </div>
            </div>
            <div class="row mt-5 pt-5" id="social_responsibility">
                <div class="col-lg-5 order-5 order-md-0">
                    <div class="img-box">
                        <img src="{{asset($pages[3][0]['about_us_social_responsibility_image'])}}" alt="" class="wow zoomIn"  />

                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="text-box center-vr wow text-focus-in">
                        <h2 class="title mb-4">{{$pages[3][0]['about_us_social_responsibility_title']}}</h2>
                        <p class="p">{!! html_entity_decode($pages[3][0]['about_us_social_responsibility_description']) !!}</p>
                    </div>
                </div>

            </div>
            <div class="row mt-5 pt-5" id="company_strategy">
                <div class="col-lg-7">
                    <div class="text-box center-vr wow text-focus-in">
                        <h2 class="title mb-4">{{$pages[4][0]['about_us_company_strategy_title']}}</h2>
                        <p class="p">{!! html_entity_decode($pages[4][0]['about_us_company_strategy_description']) !!}</p>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="img-box">
                        <img src="{{asset($pages[4][0]['about_us_company_strategy_image'])}}" alt="" class="wow zoomIn"  />
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="about-cards" id="vision_message_values">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <div class="about_card wow fadeInUp"  >
                        <div class="icon"><img src="{{asset($pages[5][0]['vision_icon'])}}" alt=""/></div>
                        <div class="card-body">
                            <h5 class="title">{{$pages[5][0]['vision_title']}}</h5>
                            <p class="p">{!! html_entity_decode($pages[5][0]['vision_description']) !!}</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="about_card wow fadeInUp"  >
                        <div class="icon"><img src="{{asset($pages[5][0]['message_icon'])}}" alt=""/></div>
                        <div class="card-body">
                            <h5 class="title">{{$pages[5][0]['message_title']}}</h5>
                            <p class="p">{!! html_entity_decode($pages[5][0]['message_description']) !!}</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="about_card wow fadeInUp"  >
                        <div class="icon"><img src="{{asset($pages[5][0]['values_icon'])}}" alt=""/></div>
                        <div class="card-body">
                            <h5 class="title">{{$pages[5][0]['values_title']}}</h5>
                            <p class="p">{!! html_entity_decode($pages[5][0]['values_description']) !!}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')

@endsection