@extends('frontend.layouts.app')
@section('content')
<!-- Thought Section -->
<section class="thought-section relative pad-150">
	<div class="container">
		<div class="about-title text-center pb-2">
			<h2 class="pb-2"> Blogs</h2>
		</div>
		<div class="row justify-content-center pt-2">
			@foreach($thoughts as $blog)
			<div class="col-md-3 pb-4">
                <a href="/blog/{{$blog->slug}}">
                	<div class="thought-box">
	                	<img src="/{{$blog->image}}" width="100%" height="auto">
	                    <div class="about-title pb-2">
							<h4 class="pb-2 text-center">{{$blog->title}}</h4>
							<p>{{$blog->short_details}}</p>
						</div>
	                </div>
                </a>
            </div>
            @endforeach
        </div>
	</div>
</section>
<!-- End Thought Section -->
@endsection