@extends('web.layouts.container')

@section('header')
    <section class="inner_header">
        <div class="inner_back">
            <img src="{{asset($page->header_image)}}" alt="" class="ob_40">
        </div>
        <div class="inner_info">
            <div class="container h-100">
                <div class="row align-items-end h-100">
                    <div class="col-lg-4 offset-lg-6">
                        <div class="about_head_info legacy_head">
                            <p>{!! $page->header_description !!}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('content')
    <section class="about section_padding pb-0">
        <div class="container">
            <div class="section_head">
                <h3>{{__('legacies.head')}}</h3>
            </div>
        </div>
        <div class="text_back mt-0">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <p>{!! stripText($page->description_1) !!}</p>
                    </div>
                    <div class="col-lg-6">
                        <p>{!! stripText($page->description_2) !!}</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="about_img">
                <img src="{{asset($page->content_image)}}" alt="">
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-10">
                    <div class="about_img_info">
                        <div class="max_height">
                            {!! $page->description !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')

@endsection