@extends('web.layouts.main')
@section('content')


   <main>
        <!--start about header-->
        <section class="pg-header">
            <div class="text text-center">
                <h4 class="mb-0">من نحن</h4>
            </div>
        </section>
        <!--start about pg-->
        <section class="about-pg">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                        <div class="text">
                            <h5><span>تعريف</span> بنا</h5>
                            <p>
                               {{$about->description}}
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                        <img src="{{asset($about->image)}}" class="about-img">
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                        <div class="text vision">
                            <img src="{{url('')}}/web/images/icons/eye.svg" alt="">
                            <h5><span>الرؤيه </span> </h5>
                            <p>
                               {{$about->vission}} </p>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                        <div class="text vision">
                            <img src="{{url('')}}/web/images/icons/chat.svg" alt="">
                            <h5><span>الرساله </span> </h5>
                            <p>
                              {{$about->message}}    </p>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                        <div class="text vision">
                            <img src="{{url('')}}/web/images/icons/target.svg" alt="">
                            <h5><span>أهدافنا  </span> </h5>
                            <p>
                              {{$about->goal}}   </p>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                        <div class="text vision">
                            <img src="{{url('')}}/web/images/icons/agile.svg" alt="">
                            <h5><span>مبادئنا </span> </h5>
                            <p>
                            {{$about->principle}}</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
 
 
 @stop