@extends('layouts_frontend.master')
@section('title','Blogs')
<style>
    #header {
        background: rgba(40, 58, 90, 0.9);
    }
</style>
@section('content')
<section id="service" class="services section-bg">
    <div class="container" data-aos="fade-up">
        <div class="section-title" style="padding-top: 100px!important;">
            <h2>Customer Success Story</h2>
        </div>
        <div class="row">
            @foreach ($blogs as $blog)
            <div class="col-xl-4 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
                <div class="icon-box">
                    <div>
                        <img class="img-fluid blog_img" src="{{url('storage/blog_images').'/'.$blog->image}}" style="max-width: 90%; max-height:auto;">
                    </div>
                    <h4>{{$blog->title}}</h4>
                    <div class="">
                        <a href="{{url('/success_story/'.Base64Url\Base64Url::encode($blog->id))}}" class="read_more">Read More</a>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>
@endsection
@section('extra-script')

@endsection