@extends('layouts.front')
@section('content')
<style>
    ul{
  list-style:initial;
}
ol{
    list-style-type: decimal
}
</style>
    <div class="main-content">
        <section class="inner-header divider parallax layer-overlay overlay-dark-5"
            data-bg-img="{{ asset('images/bg-video.jpg') }}">
            <div class="container pt-70 pb-20">
                <!-- Section Content -->
                <div class="section-content">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <h2 class="title text-white">About Us </h2>
                            <ol class="breadcrumb text-center text-black mt-10">
                                <li><a href="{{route('front.index')}}">Home</a></li>
                                <li class="active text-gray-silver">About</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <div class="container pt-70 pb-70">
            <div class="row">
                <div class="col-md-7">
                    <h2 class="mt-0 line-height-1 text-uppercase">About <span class="text-theme-colored"> Us</span></h2>
                    <p class=" about_text">{!! $about->about_us_description!!}</p>
                </div>
                <div class="col-md-5">
                    @if ($about->about_us_image)
                    <img src="{{$about->about_us_image->getUrl()}}" alt="">
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection
@push('script')
@endpush