@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>Our Work </h2>
            </div>
        </div>
    </div>
    <!-- End: Main Slider -->

    <section class="blog-section work-inner">
        <div class="container">
            <div class="row">
                @forelse($our_work as $val)
                    <div class="col-md-4">
                        <a href="{{ asset('storage/' . $val->image) }}" data-fancybox="work">
                            <figure>
                                <img src="{{ asset('storage/' . $val->image) }}" class="img-fluid" alt="">
                            </figure>
                            <div class="shopContent">
                                <h5>{!! $val->detail !!}</h5>
                            </div>
                        </a>
                    </div>
                @empty
                    <p>Our Work are empty!</p>
                @endforelse
            </div>
        </div>
    </section>
    <!-- !@FAQ SECTION -->
    @include('front.layout.contact-form')
@endsection