@extends('layouts.front_app')
@section('content')

    <div class="innerBan">
        <img src="{{ asset('images/innerbnr1.png') }}" class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-6">
                        <div class="slideOne text-center">
                            <h1 class="mainHeading" data-swiper-parallax="-200">Blogs</h1>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section class="bloginsec blogInner">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    @forelse($blog as $blogs)
                    <div class="blogwrap">
                        <figure>
                            <img src="{{ $blogs->image }}" class="img-fluid" alt="">
                        </figure>
                        <div class="blogcntnt">
                            <h3>{{ $blogs->title }}</h3>
                            <p>{!! $blogs->detail !!}</p>
                        </div>
                    </div>
                    @empty
                        <h3 class="text-center">Blog Not Found</h3>
                    @endforelse
                </div>
            </div>
        </div>
    </section>

    @include('front.include.contact-form')
@endsection