@extends('web_site.layouts.master')
@section('css')
@endsection
@section('content')
    <!--Page Header Start-->
    <section class="page-header">
        <div class="page-header__bg" style="background-image: url({{asset('assets_web/img/newbaner/ourhistort.webp')}})">  </div>
        <div class="container">
            <div class="page-header__inner">
                <h2>{{trans('web_site.Our_History')}}</h2>
                <div class="thm-breadcrumb__box">
                    <ul class="thm-breadcrumb list-unstyled">
                        <li><a href="{{route('home')}}">{{trans('web_site.Home')}}</a></li>
                        <li><span>-</span></li>
                        <li>{{trans('web_site.profile')}}</li>
                    </ul>
                </div>
            </div>
        </div>
        
    </section>
    <!--Our History ------------------------------------------------------------------>
    <!--OUR HISTORY-->
    <section class="about-three">
        <div class="container">
            <div class="row flex-direction">
                <div class="col-xl-7">
                    <div class="about-three__right   wow slideInLeft" data-wow-delay="200ms"  data-wow-duration="2500ms">
                      <!--  <h2 class="section-title__title mb-title">{{trans('web_site.Our_History')}}</h2>-->
                        <div class="about-three__text">
                            <p class="text" id='mission_text'>{!! optional($history)->history !!} </p> </div>
                    </div>
                </div>
                <div class="col-xl-5">
                    <div class="cs_about_thumb wow slideInRight" data-wow-delay="200ms"  data-wow-duration="2500ms">
                       
                        <div class="imgbackgroundab1 borderblr" style="background-image: url({{optional($history)->image_history_url}});"></div>
                    </div>
                </div>

            </div>
        </div>
    </section>



@endsection

@section('js')


@endsection