@foreach($blogs as $blog)
    <div class="col-lg-3 col-md-6 col-12 mb-4">
        <div class="blog-card h-100">
            <a href="{{route('front.blog_detail',$blog->slug)}}">
                <img src="{{ asset("storage/Blog/Cover/{$blog->cover_image}") }}" class="img-fluid w-100">
            </a>

            <div class="pb-3 pt-3">
                <h2 class="blog-title">
{{--                    <a href="{{route('front.blog_detail',$blog->slug)}}">{{$blog->name}}</a>--}}
                    <a href="{{route('front.blog_detail',$blog->slug)}}"
                       class="blog-link"
                       data-id="{{ $blog->id }}">{{$blog->name}}</a>
                </h2>
{{--                <p>{{$blog->short_description}}</p>--}}
{{--                <a href="{{route('front.blog_detail',$blog->slug)}}" class="read-btn">Read More</a>--}}
            </div>
        </div>
    </div>
@endforeach