@extends('frontend.layouts.app')

@section('content')



<section style="background:#f1f5fd; padding-top:-250px" class="th-blog-wrapper space-top space-extra2-bottom">
    <div style="margin-top:-25px" class="container">
        <div style="margin:0 auto" class="row gx-40">
            <div class="col-xxl-12 col-lg-11 col-md-12 col-sm-12" style="margin: 0 auto;">
                <div style="margin:0 auto" class="row">
                    <div class="col-xxl-9 col-lg-9 me-3">

                        <div style="box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px; background:white; background-clip: border-box;
                         border: 1px solid #d8dde6;
                         border-radius: 5px;" class="th-blog blog-single has-post-thumbnail">
                             <div>
                                <img class="mb-1" style="width:90%; height:450px" src="{{ asset('frontend/assets/images/blog/' . $blog->image) }}" alt="Blog Image" />
                                <h3>{{$blog->tilte}}</h3>
                                <p>{!! $blog->description !!}</p>
                             </div>
    
                            </div>
    
                        </div>
                    <div class="col-xl-3 col-lg-4">
                        @foreach($blogs as $key => $value)
                        <div>
                            <img class="mb-1" style="width:100%; height:250px" src="{{ asset('frontend/assets/images/blog/' . $value->image) }}" alt="Blog Image" />
                            <h3>{{$value->tilte}}</h3>
                            <p>{!! $value->description !!}</p>
                         </div>
                            
                        @endforeach
                        
                    </div>
                    


                </div>
            </div>
        </div>
    </div>
</section>

@endsection

@push('js')



@endpush