@extends('web.layouts.master')

@section('page_title', 'Index')


@section('content')

<section class="section-padding page-heading-section" style="background-image: url({{ asset('web_assets/images/hero-bg.jpg') }}">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="page-heading">
                    <h2>Gallery</h2>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="section-padding">
    <div class="container">
        <div class="row">
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/gallery1.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/gallery1.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/gallery2.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/gallery2.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/gallery3.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/gallery3.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/gallery4.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/gallery4.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/gallery5.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/gallery5.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/gallery6.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/gallery6.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/gallery7.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/gallery7.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/gallery8.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/gallery8.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/gallery9.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/gallery9.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/gallery10.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/gallery10.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/gallery11.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/gallery11.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/gallery12.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/gallery12.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/gallery13.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/gallery13.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/gallery14.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/gallery14.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/gallery15.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/gallery15.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/1.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/1.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/2.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/2.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/3.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/3.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/4.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/4.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/5.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/5.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/6.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/6.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/7.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/7.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/8.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/8.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/9.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/9.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <!-- <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/10.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/10.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div> -->
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/11.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/11.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/12.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/12.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/13.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/13.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/14.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/14.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/15.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/15.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/16.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/16.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/17.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/17.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/18.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/18.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/19.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/19.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <!-- <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/20.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/20.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div> -->
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/21.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/21.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/22.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/22.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/23.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/23.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/24.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/24.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/25.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/25.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/26.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/26.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/27.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/27.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/28.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/28.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/29.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/29.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/30.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/30.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/31.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/31.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/32.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/32.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/33.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/33.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/34.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/34.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/35.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/35.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <!-- <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/36.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/36.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div> -->
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/37.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/37.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/38.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/38.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/39.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/39.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/40.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/40.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/41.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/41.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/42.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/42.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/43.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/43.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/44.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/44.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/45.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/45.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/46.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/46.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/47.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/47.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/48.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/48.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/49.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/49.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/50.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/50.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/51.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/51.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <!-- <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/52.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/52.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div> -->
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/53.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/53.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/54.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/54.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/55.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/55.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/56.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/56.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/57.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/57.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/58.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/58.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/59.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/59.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/60.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/60.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/61.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/61.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/62.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/62.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/63.jpg') }}" style="background-image: url({{ asset('web_assets/images/gallery/63.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/gallery/64.jpeg') }}" style="background-image: url({{ asset('web_assets/images/gallery/64.jpeg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection