@extends('web.layouts.container')
@section('content')
    <section class="about-sec">
        <div class="container">
            @if(count($abouts))
                @foreach($abouts as $about)
                    @if($loop->odd)
                        <div class="item mb-5">
                            <div class="row">
                                <div class="col-md-7">
                                    <div class="text-box center-vr">
                                        <div class="sec-heading mb-4">
                                            <h2 class="title">{{$about->title}}</h2>
                                        </div>
                                        <p class="p">{!! $about->description !!}</p>
                                    </div>
                                </div>
                                <div class="col-md-5">
                                    <div class="img-box">
                                        <img src="{{asset($about->image)}}" alt="" class="main-img"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                    @if($loop->even)
                        <div class="item_r pt-5">
                            <div class="row">
                                <div class="col-md-5">
                                    <div class="img-box">
                                        <img src="{{asset($about->image)}}" alt="" class="main-img"/>
                                    </div>
                                </div>
                                <div class="col-md-7">
                                    <div class="text-box center-vr">
                                        <div class="sec-heading mb-4">
                                            <h2 class="title">{{$about->title}}</h2>
                                        </div>
                                        <p class="p">{!! $about->description !!}</p>
                                    </div>
                                </div>

                            </div>
                        </div>
                    @endif
                @endforeach
            @endif
        </div>
        <img src="{{asset('/assets/web/images/lines-pattern.png')}}" alt="" class="pattern"/>
    </section>
@endsection

@section('inner_js')

@endsection