@extends('frontend.layout.master')
@section('title', $pageTitle)
@section('content')


<style>
		.about_div_1{
			margin-top: 120px;
			padding: 40px 0px 70px 0px;
		}
		.about_div_5{
			margin-bottom: 70px;
		}
		.about_h_2{
			margin-bottom: 10px;
		}
	</style>

	<div class="about_div_1">
        <div class="container">
        	<div class="about_div_5">
        		<h1 class="about_h_1 text-center">About us</h1>
        	</div>
            <div class="about_div_2">
            	<div class="row" style="margin-bottom: 80px;">
            		<div class="col-lg-6 col-md-6 col-12">
            			<div class="about_div_3">
            				<img src="{{ url('/') }}/{{$allabout->image}}" class="about_img_1">
            			</div>
            		</div>
            		<div class="col-lg-6 col-md-6 col-12">
            			<div class="about_div_4">
            				<h2 class="about_h_2">{{$allabout->heading1}}</h2>
            				<p class="about_p_1">
							{!! $allabout->content1 !!}
            				</p>
            			</div>
            		</div>
            	</div>

            	<div class="row" style="margin-bottom: 80px;">
            		<div class="col-lg-6 col-md-6 col-12">
            			<div class="about_div_4">
            				<h2 class="about_h_2">{{$allabout->heading2}}</h2>
            				<p class="about_p_1">
							{!! $allabout->content2 !!}
            				</p>
            			</div>
            		</div>
            		<div class="col-lg-6 col-md-6 col-12">
            			<div class="about_div_3">
            				<img src="{{ url('/') }}/{{$allabout->image1}}" class="about_img_1">
            			</div>
            		</div>
            	</div>
            </div>
        </div>
    </div>

@endsection