@extends('layouts_frontend.master')
@section('title','About Us')
<style>
    #header {
        background: rgba(40, 58, 90, 0.9);
    }
</style>
@section('content')
    @foreach ($about_us as $key=>$about)
    <section id="about" class="about">
        <div class="container" data-aos="fade-up">
            
            <div class="section-title" style="padding-top: 100px!important;">
                @if($key == 0)
                <h2>About Us</h2> <br>
                @endif
                <h4>{{$about->title}}</h4>
            </div>
            
            <div class="row content">
                
                <div class="col-lg-6">
                    <p>{!! $about->description !!}</p>
                </div>
                <div class="col-lg-6 pt-4 pt-lg-0">
                    <img src="{{url('storage/about_us_images').'/'.$about->image}}" class="img-fluid animated" alt="">
                </div>
            </div>
        </div>
    </section>
    @endforeach
    
@endsection
@section('extra-script')

@endsection