@extends('web_site.layouts.master')
@section('css')
<style>

</style>
@endsection
@section('content')
<!--Page Header Start-->
 <section class="page-header">
    <div class="page-header__bg" style="background-image: url({{asset('assets_web/img/pages/story.webp')}})">  </div>
    <div class="container">
        <div class="page-header__inner">
            <h2>{{trans('web_site.Our_Story')}}</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.Our_Story')}}</li>
                </ul>
            </div>
        </div>
    </div>
    
</section>
<!--Our Story ------------------------------------------------------------------>
<!--OUR STORY-->
<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_Story')}}</h2>
                 <div class="about-three__text">
                     <p class="text" id='mission_text'>{!! optional($story)->story !!} </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 style="background-image: url({{optional($story)->image_story_url}});" class="imgbackground" alt="OUR STORY img"></div>
                    </div>
             </div>

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



@endsection

@section('js')


@endsection