@extends('layouts.layout5')
@php
    $title = 'Our Gallery';
    $subtitle = 'Our Gallery';
@endphp
@section('title', 'Our Gallery || Transwide || Professional Transportation & Logistics Laravel Template')
@section('content')

    <section class="gallery-page section-space">
        <div class="container">
            <div class="row gutter-y-30 masonry-layout">
                <div class="col-xl-4 col-md-6">
                    <div class="gallery-page__card">
                        <img src="{{ asset("/assets/images/gallery/gallery-1-1.jpg") }}" alt="gallery">
                        <div class="gallery-page__card__hover">
                            <a href="{{ url("assets/images/gallery/gallery-1-1.jpg") }}" class="img-popup">
                                <span class="gallery-page__card__icon"></span>
                            </a>
                        </div><!-- /.gallery-page__card__hover -->
                    </div><!-- /.gallery-page__card -->
                </div><!-- /.col-xl-4 col-md-6 -->
                <div class="col-xl-4 col-md-6">
                    <div class="gallery-page__card">
                        <img src="{{ asset("/assets/images/gallery/gallery-1-2.jpg") }}" alt="gallery">
                        <div class="gallery-page__card__hover">
                            <a href="{{ url("assets/images/gallery/gallery-1-2.jpg") }}" class="img-popup">
                                <span class="gallery-page__card__icon"></span>
                            </a>
                        </div><!-- /.gallery-page__card__hover -->
                    </div><!-- /.gallery-page__card -->
                </div><!-- /.col-xl-4 col-md-6 -->
                <div class="col-xl-4 col-md-6">
                    <div class="gallery-page__card">
                        <img src="{{ asset("/assets/images/gallery/gallery-1-3.jpg") }}" alt="gallery">
                        <div class="gallery-page__card__hover">
                            <a href="{{ url("assets/images/gallery/gallery-1-3.jpg") }}" class="img-popup">
                                <span class="gallery-page__card__icon"></span>
                            </a>
                        </div><!-- /.gallery-page__card__hover -->
                    </div><!-- /.gallery-page__card -->
                </div><!-- /.col-xl-4 col-md-6 -->
                <div class="col-xl-4 col-md-6">
                    <div class="gallery-page__card">
                        <img src="{{ asset("/assets/images/gallery/gallery-1-4.jpg") }}" alt="gallery">
                        <div class="gallery-page__card__hover">
                            <a href="{{ url("assets/images/gallery/gallery-1-4.jpg") }}" class="img-popup">
                                <span class="gallery-page__card__icon"></span>
                            </a>
                        </div><!-- /.gallery-page__card__hover -->
                    </div><!-- /.gallery-page__card -->
                </div><!-- /.col-xl-4 col-md-6 -->
                <div class="col-xl-4 col-md-6">
                    <div class="gallery-page__card">
                        <img src="{{ asset("/assets/images/gallery/gallery-1-5.jpg") }}" alt="gallery">
                        <div class="gallery-page__card__hover">
                            <a href="{{ url("assets/images/gallery/gallery-1-5.jpg") }}" class="img-popup">
                                <span class="gallery-page__card__icon"></span>
                            </a>
                        </div><!-- /.gallery-page__card__hover -->
                    </div><!-- /.gallery-page__card -->
                </div><!-- /.col-xl-4 col-md-6 -->
                <div class="col-xl-4 col-md-6">
                    <div class="gallery-page__card">
                        <img src="{{ asset("/assets/images/gallery/gallery-1-6.jpg") }}" alt="gallery">
                        <div class="gallery-page__card__hover">
                            <a href="{{ url("assets/images/gallery/gallery-1-6.jpg") }}" class="img-popup">
                                <span class="gallery-page__card__icon"></span>
                            </a>
                        </div><!-- /.gallery-page__card__hover -->
                    </div><!-- /.gallery-page__card -->
                </div><!-- /.col-xl-4 col-md-6 -->
                <div class="col-xl-8 col-md-6">
                    <div class="gallery-page__card">
                        <img src="{{ asset("/assets/images/gallery/gallery-1-7.jpg") }}" alt="gallery">
                        <div class="gallery-page__card__hover">
                            <a href="{{ url("assets/images/gallery/gallery-1-7.jpg") }}" class="img-popup">
                                <span class="gallery-page__card__icon"></span>
                            </a>
                        </div><!-- /.gallery-page__card__hover -->
                    </div><!-- /.gallery-page__card -->
                </div><!-- /.col-xl-8 col-md-6 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </section><!-- /.gallery-page section-space -->

    <x-footer />
    <x-mobileMenu />
    <x-searchPopup />
    <x-scroll-to-top />
@endsection