@extends('include.front_master')
@section('page_title','Gallery')
@section('content')

<style>
@media(max-width:768px){
    .single-gallery-box img{width:100%;}
}
</style>
        <!-- Start Gallery Area -->
        <section class="contact-area pb-40">
    

            <div class="container-fluid">
                <div class="shorting">
                    <div class="row">
                        @foreach($data as $list)
							      @if($list->count() > 0)
							      
                        <div class="col-lg-3 col-sm-6 col-md-6 mix office">
                            <a href="{{url('/'.$list->blog_slug)}}" class="popup-btn">
                            <div class="single-gallery-box">
                                <img src="{{url('uploads/Blog/'.$list->blog_main_image)}}" alt="image">
    
                                <div class="gallery-content">
                                    <h3>{{$list->blog_title}}</h3>
                                   
                                </div>
    
                         
                            </div>
                             </a>
                        </div>
                          
    			@else
							<h1>Noting</h1>	
								
								@endif
								@endforeach

                        <div class="pagination-area">
    {!! $data->links('pagination::bootstrap-4') !!}
</div>
              
                    </div>
                </div>
            </div>
        </section>
        <!-- End Gallery Area -->

      
      @endsection