@include('front.layouts.head')
<!-- TOP TITLE -->
<section class="topSingleBkg topPageBkg topSingleBkgImg">
    <div class="item-img" style="background-image: url('{{ asset($banner ? 'storage/' . $banner : 'front/images/about-banner.jpg') }}');"></div>
    <div class="inner-desc">
        <h1 class="post-title single-post-title">Hakkımızda</h1>
        <span class="post-subtitle">{{ $mainTitle }}</span>
    </div>
</section>
<!-- /TOP TITLE -->
<!-- CONTENT SECTION -->
<section id="wrap-content" class="page-content">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="page-holder custom-page-template-fw">
                    {!! $mainText !!}
                    @foreach($about_contents as $index => $content)
                        <div class="row margin-t54 {{ $loop->odd ? 'service-odd' : '' }}">
                                <div class="col-md-6">
                                    <img src="{{ asset('storage/' . $content->file) }}" alt="{{ $content->text }}" width="400" class="img-responsive img-center size-full" />
                                </div>
                                <div class="col-md-6">
                                    <h2 class="margin-b24" style="text-align: left">{{ $content->text }}</h2>
                                    <p style="text-align: justify">{{ $content->content }}</p>
                                </div>
                        </div>
                    @endforeach
                </div>
                <!--page-holder-->
            </div>
            <!--col-md-12-->
        </div>
        <!--row-->
    </div>
    <!--container-->
</section>
<!-- /CONTENT SECTION -->
@include('front.layouts.footer')