@extends("layouts.front.main")
@section("content")
       <!-- page title area start -->
       <section class="page-title-area pt-160 pb-160" data-overlay="8" data-background="renovation-construction/../renovation-construction/img/bg/page-title-bg.jpg">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="page-title text-center">
                        <div class="border-title">
                            <h1>Services</h1>
                        </div>
                        <h1>About us</h1>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb justify-content-center">
                                <li class="breadcrumb-item">
                                    <a href="index-2.html">Home</a>
                                </li>
                                <li class="breadcrumb-item active" aria-current="page">About us</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- page title area end -->

    <!-- about start -->
    <section class="about-area pt-120 pb-110">
        <div class="container">
            <div class="row">
                @foreach($abouts as $about)


                <div class="col-lg-6">
                    <div class="about-left pos-rel">
                        <div class="border-title-2">
                            <h1>About</h1>
                        </div>
                        <div class="about-title mb-20">
                            <h5>{{ $about->sub_title }}</h5>
                            <h2>{{ $about->title }}<span>.</span></h2>
                        </div>
                        <p>{!! $about->description !!}</p>


                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="about-right pos-rel">

                        <div class="about-right-thumb">
                            <img src="{{ $about->getFirstMediaUrl('about','mainthumb') }}" alt="image_not_found">
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </section>
    <!-- about end -->

@endsection