@extends('frontend.layouts.main')
@push('title')
    <title>Media</title>
@endpush
@section('main-section')
    {{-- start-breadcrumb --}}
    <div class="breadcrumb-banner">
        <div class="container">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Gallery</li>
                    <li class="breadcrumb-item active" aria-current="page">Media</li>
                </ol>
            </nav>
            <h3>Media</h3>
        </div>
    </div>
    {{-- end-breadcrumb --}}

    {{-- start-main --}}

    <main>
        <div class="container-fluid plr ptb bg-light">
            <div class="row">
                <div class="col-md-12">
                    <div class="main-title-wrapper">
                        <h2 class="main-title">Media<span class="title-accent"></span>
                        </h2>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="gallery-section">
                        <ul id="lightgallery" class="row">
                            <li class="col-lg-3 col-md-4 col-sm-6 col-6" data-src="{{ asset('frontend/media/m-1.jpeg') }}">
                                <a href="">
                                    <img class="img-responsive" src="{{ asset('frontend/media/m-1.jpeg') }}">
                                    <div class="gallery-poster">
                                        <img src="{{ asset('frontend/lightgallery/images/thumb.png') }}">
                                    </div>
                                </a>
                            </li>
                            <li class="col-lg-3 col-md-4 col-sm-6 col-6" data-src="{{ asset('frontend/media/m-2.jpeg') }}">
                                <a href="">
                                    <img class="img-responsive" src="{{ asset('frontend/media/m-2.jpeg') }}">
                                    <div class="gallery-poster">
                                        <img src="{{ asset('frontend/lightgallery/images/thumb.png') }}">
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

    </main>

    {{-- end-main --}}
@endsection