@extends('front.layout.app')
<title>{{ $title ?? 'Gallery' }}</title>
@section('content')

    <main>

        <!-- Banner -->
        <section class="banner innerBanner">
            <div class="container">
                <div class="banner__content">
                    <div class="row">
                        <div class="col-lg-6">
                            <h1>Gallery</h1>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="galleryInner">
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/gall1.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/gall1.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/gall10.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/gall10.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/gall2.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/gall2.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/gall3.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/gall3.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/gall4.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/gall4.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/gall5.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/gall5.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/gall6.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/gall6.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/gall7.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/gall7.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/gall8.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/gall8.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/gall9.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/gall9.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/gall11.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/gall11.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/gall12.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/gall12.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/gall13.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/gall13.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/gall14.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/gall14.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/gall15.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/gall15.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>

                    <div class="col-md-4">
                        <a href="{{asset('assets/images/1.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/1.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/2.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/2.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/3.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/3.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/4.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/4.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div> <div class="col-md-4">
                        <a href="{{asset('assets/images/5.jpg')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/5.jpg')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/6.jpg')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/6.jpg')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/7.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/7.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/8.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/8.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/9.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/9.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>

                    <div class="col-md-4">
                        <a href="{{asset('assets/images/abrasive_blasting1.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/abrasive_blasting1.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/abrasive_blasting2.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/abrasive_blasting2.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/agriculture_blasting1.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/agriculture_blasting1.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/agriculture_blasting2.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/agriculture_blasting2.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/agriculture_blasting3.jpg')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/agriculture_blasting3.jpg')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/automotive_blasting1.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/automotive_blasting1.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/automotive_blasting2.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/automotive_blasting2.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/automotive_blasting3.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/automotive_blasting3.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/automotive_blasting4.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/automotive_blasting4.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/aviation_blasting1.jpeg')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/aviation_blasting1.jpeg')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/coating1.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/coating1.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/coating3.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/coating3.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/coating4.jpg')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/coating4.jpg')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/commercial_blasting1.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/commercial_blasting1.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>

                    <div class="col-md-4">
                        <a href="{{asset('assets/images/commercial_blasting2.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/commercial_blasting2.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>

                    <div class="col-md-4">
                        <a href="{{asset('assets/images/commercial_blasting3.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/commercial_blasting3.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>

                    <div class="col-md-4">
                        <a href="{{asset('assets/images/dustless_blasting1.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/dustless_blasting1.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/dustless_blasting3.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/dustless_blasting3.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/dustless_blasting4.jpg')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/dustless_blasting4.jpg')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/painting1.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/painting1.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a href="{{asset('assets/images/painting2.png')}}" data-fancybox="gallery" class="gallery__img gallery__img--sm mb-4">
                            <img src="{{asset('assets/images/painting2.png')}}" alt="image" class="img-fluid">
                        </a>
                    </div>

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

    </main>

@endsection