@extends('theme.default.layouts.website')

@section('header')
<div class="page-hero bg_cover" style="background-image: url({{ get_option('sub_banner_image') != '' ? URL::asset('/uploads/media/'.get_option('sub_banner_image')) : theme_asset('assets/images/header-bg.jpg') }})">
	<div class="container">
		<div class="row justify-content-center">
			<div class="col-xl-8 col-lg-10">
				<div class="header-content text-center">
					<h3 class="header-title">{{ _lang('About Us') }}</h3>
				</div> <!-- header content -->
			</div>
		</div> <!-- row -->
	</div> <!-- container -->
</div> <!-- header content -->
@endsection

@section('content')

<!--====== About PART START ======-->

<section id="about" class="general-area">
	<div class="container">
		<div class="row justify-content-left">
			<div class="col-lg-8">
				<div class="section-title page text-left pb-10">
					<h4 class="title">{{ _lang('About Us') }}</h4>
					<p>{!! xss_clean(get_array_option('about_content')) !!}</p>
				</div> <!-- section title -->
			</div>
		</div> <!-- row -->
	</div> <!-- conteiner -->
	
	<div class="about-image d-lg-flex align-items-center">
		<div class="image">
			<img src="{{ get_array_option('about_image') != '' ? URL::asset('/uploads/media/'.get_array_option('about_image')) : theme_asset('assets/images/about.png') }}" alt="features">
		</div>
	</div> <!-- features image -->
</section>

<!--====== About PART ENDS ======-->


@endsection