@extends('website.layouts.layout')

@section('title' , 'About')


@section('content')

    <!--Page Title-->
    <section class="page-title" style="background-image:url({{asset('website/images/background/10.jpg')}});">
        <div class="auto-container">
            <div class="inner-container clearfix">
                <div class="title-box">
                    <h1>{{trans('website.aboutAbout')}}</h1>
                </div>
                <ul class="bread-crumb clearfix">
                    <li><a href="{{route('home')}}">{{trans('website.home')}}</a></li>
                    <li>{{trans('website.aboutAbout')}}</li>
                </ul>
            </div>
        </div>
    </section>
    <!--End Page Title-->

    <!-- About Section -->

    <div class="about-section">
        <div class="container">

            <div class="vision-mission-section">


                <div class="about-s vision">
                    <div class="about-text">
                        <h3 class="about-title">
                            {{trans('website.vission')}}
                        </h3>
{{--                        <p class="p-t">--}}
                           {!! $about->{'about_'.currentLang()}->vision_text !!}
{{--                        </p>--}}

                        <div class="quote"></div>
                    </div>

                    <div class="about-img">
                        <img src="{{asset($about->vision_image->path)}}" alt="about image">
                    </div>
                </div>
                <div class="about-s mission">
                    <div class="about-text">
                        <h3 class="about-title">
                            {{trans('website.mission')}}
                        </h3>
{{--                        <p class="p-t">--}}
                        {!! $about->{'about_'.currentLang()}->mission_text !!}
{{--                        </p>--}}

                        <div class="quote"></div>
                    </div>

                    <div class="about-img">
                        <img src="{{asset($about->mission_image->path)}}" alt="about image">
                    </div>
                </div>

            </div>
        </div>

    </div>


    <!--End About Section -->


@endsection