@extends('front.app')

@section('content')
<section data-aos="fade-up" class="inner_banner">
	<img class="img-fluid w-100 d-none d-md-block" src="{{asset('front/images/blog_banner.webp')}}" alt="banner">
	<img class="img-fluid w-100 d-block d-md-none" src="{{asset('front/images/blog_mobbanner.webp')}}" alt="banner">
	<div class="innerbanner_text"></div>
	@include('front.banner_base')
</section>
<!--************************************* blogs *************************************-->
<section class="blogs">
	<div class="container">
		<div class="row">
			<div data-aos="fade-up" class="col-12 text-center">
				<h1 class="mb-5">Blogs</h1>
			</div>
		</div>
		<div class="row g-lg-5 gy-4">

		@foreach($blogs as $blog)
			<div data-aos="fade-up" class="col-md-4 col-12">
				<img class="img-fluid rounded-3 mb-3" src="{{asset('assets/images/'.$blog->photo)}}" alt="Blogs">
				<h4 class="mb-2">{{$blog->title}}</h4>
				<h5 class="mb-2">{{$blog->short_description}}</h5>
				<a class="trs" href="{{route('front.blog.details',['slug' => $blog->slug ])}}">Read More</a>
			</div>
			@endforeach
		</div>
	</div>
</section>
@endsection