@extends('website.layout.main')

@section('meta_title')
   Gallery
@endsection
@section('content')

<div class="content-wrapper">
    <section class="portfolio-wrap ptb-50">
                    <div class="container">

                        <div class="row justify-content-center text-center">
                            <h3 class="mb-50">
                                @lang('front.gallery')
                            </h3>
                            @foreach ($posts as $key=>$item)
                              <div class="col-xl-4 col-lg-6 col-md-6"  data-aos="{{$key%2==0?'fade-left':'fade-up'}}">
                                <div class="portfolio-card style1">
                                    <a href="{{render_image_path($item->url)}}">
                                        <img src="{{render_image_path($item->url)}}" style="width: 100%;height: 300px" alt="Image">
                                    </a>
                                </div>
                            </div>
                            @endforeach

                        </div>
                        <div class="text-center mt-10">
                            {{$posts->links()}}
                        </div>
                    <hr>
                    </div>

                </section>
</div>

    {{-- Start Clients --}}
      @include('website.partial.__client')
    {{-- End Clients --}}


    {{-- Start Order  --}}
     @include('website.partial.__order')

    {{-- End Order  --}}
@endsection
