@extends('frontend.front_master')

@section('title')
Blog Page
@endsection

@section('content')

<style>
   .btn-color-1 {
    background: #4942ad !important;
    color: #fff !important;
    font-weight: bold !important;
}
</style>
<!--============== Blog Section ============ -->

    <div class="container">
      <div class="section-header">
          </p><h2>ব্লগ সমূহ</h2>
      </div>

      <div class="row">

         @foreach ($blogs as $blog)
         <div class="col-lg-3 mt-3">
            <div class="card bg-light">
               <div class="card-body plan">

                   <h4 class="text-center" style="text-align: justify !important;">{{ $blog->title }}</h4>
                   <p class="text-center">
                    <img  src="{{ asset($blog->image) }}" alt="blog_image" width="270">
                   </p>
                   <p class="text-center" style="text-align:justify !important;">{!! Str::limit($blog->description,150) !!}</p>

                   <a href="{{ route('blog.details',$blog->id) }}" class="btn btn-color-1">বিস্তারিত</a>

               </div>
            </div>
          </div>
         @endforeach



         <div class="mt-3">
            {{ $blogs->links() }}
         </div>

      </div>{{-- row --}}

    </div>

<!--============== Blog Section end============ -->
@endsection