@extends('admin.index')
@section('content')

<title>{{trans('admin.Intro')}}</title>
       


                    <main id="js-page-content" role="main" class="page-content">
                        <ol class="breadcrumb page-breadcrumb">
                            <li class="breadcrumb-item"><a href="{{url('KlarAdmin')}}">{{trans('admin.Dashboard')}}</a></li>
                            <li class="breadcrumb-item">{{trans('admin.Intro')}}</li>
                            <li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>
                        </ol>
                        <div class="subheader">
                            <h1 class="subheader-title">
                                <i class='fal fa-info-circle'></i> {{trans('admin.Intro')}}
                            </h1>
                        </div>
                        <div class="fs-lg fw-300 p-5 bg-white border-faded rounded mb-g">
                           
                          {!!app()->getLocale() == 'ar' ?$Intro->Arabic_About :$Intro->English_About!!}  
                            
                        </div>
              
                        <div class="d-flex flex-wrap demo demo-h-spacing mt-3 mb-3">
                            
                            <div class="rounded-pill bg-white shadow-sm p-2 border-faded mr-3 d-flex flex-row align-items-center justify-content-center flex-shrink-0">
                            <i class="fal fa-phone"></i>
                                <div class="ml-2 mr-3">
                                    <h5 class="m-0">
                                    {{$Intro->Phone_1}}

                                    </h5>
                               
                                </div>
                            </div>
                            
                            
                                          <div class="rounded-pill bg-white shadow-sm p-2 border-faded mr-3 d-flex flex-row align-items-center justify-content-center flex-shrink-0">
                            <i class="fal fa-phone"></i>
                                <div class="ml-2 mr-3">
                                    <h5 class="m-0">
                                    {{$Intro->Phone_2}}

                                    </h5>
                               
                                </div>
                            </div>
                            
                                          <div class="rounded-pill bg-white shadow-sm p-2 border-faded mr-3 d-flex flex-row align-items-center justify-content-center flex-shrink-0">
                            <i class="fal fa-phone"></i>
                                <div class="ml-2 mr-3">
                                    <h5 class="m-0">
                                    {{$Intro->Phone_3}}

                                    </h5>
                               
                                </div>
                            </div>
                            
                            
                                          <div class="rounded-pill bg-white shadow-sm p-2 border-faded mr-3 d-flex flex-row align-items-center justify-content-center flex-shrink-0">
                            <i class="fal fa-phone"></i>
                                <div class="ml-2 mr-3">
                                    <h5 class="m-0">
                                    {{$Intro->Phone_4}}

                                    </h5>
                               
                                </div>
                            </div>
                          
                        </div>
      
                    </main>

@endsection