@php $about = getContent(config('settings')->active_template, 'about.content', true); $aElement = getContent(config('settings')->active_template, 'about.element'); @endphp
@extends($activeTemplate.'layouts.users')

@push('style-lib')
@endpush

@section('content')
<header>
	<div class="header h5MaxWidth clear display alignCenter">
		<a class="back iconfont icon-arrow-left-2"
		onclick="window.history.go(-1); return false;"></a>
		<h2>About {{ config('settings')->sitename }}</h2>
	</div>
</header>
<div class="main" style="padding:0px;">
	<div style="width: 100%; margin: 0 auto; text-align: center;  position: relative; height: auto; overflow: hidden;  ">
		<img src="{{ getImage('assets/images/frontend/about/' .@$about->data_values->image, '900x456') }}" style=" width:100%;">
	</div>
	<div class="about" style="padding:10px;">

		<div class="textart">
			{!! @$about->data_values->content !!}
		</div>

		@foreach($aElement as $info)
		<div style="width: 100%; margin: 0 auto; background: #fff; height: auto; overflow: hidden; margin-top: 10px; margin-bottom:15px; ">
			<div style="padding:15px; color:#000; font-size:16px; text-align:justify; " id="kfinfo">
				<h3 class="font-body uppercase text-gray-600 mb-2 w-full">{!! @$info->data_values->title !!}</h3>
				<p class="font-body text-gray-500 whitespace-pre-wrap">{!! @$info->data_values->text !!}</p>
			</div>
		</div>
		@endforeach

		<div class="textart">

		</div>

	</div>
</div>
@endsection


@push('script')
    <script type="text/javascript"> </script>
@endpush



