@extends('front.layout.app')
@section('content')
    <div class="mouse-cursor cursor-outer"></div>
    <div class="mouse-cursor cursor-inner"></div>

    <!-- Begin: Main Slider -->
    <div class="innerBan">
        <img src="{{asset('images/innerbnr1.png')}}" class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <h2>BLogs</h2>
            </div>
        </div>
    </div>
    <!-- End: Main Slider -->

    <section class="blog-section">
        <div class="container">
            <div class="row">
                @forelse($blog as $val)
                    <div class="col-md-6">
                        <a href="#" class="blogcard">
                            <figure>
                                <img src="{{ $val->image }}" class="img-fluid" alt="">
                            </figure>
                            <div class="card-content">
                                <h4>{{ $val->title }}</h4>
                                <p>{!! $val->detail !!}</p>
                            </div>
                        </a>
                    </div>
                @empty
                    <p>Blog are empty!</p>
                @endforelse
            </div>
        </div>
    </section>
    <!-- !@FAQ SECTION -->
    @include('front.layout.contact-form')
@endsection