@extends('layouts.app')

@section('content')
    <!--Sub Header Start-->
    <section class="wf100 subheader">
        <div class="container">
            <h2>DVAA Gallery</h2>
            <ul>
                <li> <a href="{{url('/')}}">Home</a> </li>
                <li> Gallery </li>
            </ul>
        </div>
    </section>
    <!--Sub Header End-->
    <!--Main Content Start-->
    <div class="main-content p80">
        <!-- Gallery Page Start -->
        <div class="img-gallery style-2 gallery">
            <div class="container">
                <div class="row">
                    <div class="portfolio filter-gallery">
                        {{--<div id="filters" class="button-group">--}}
                            {{--<button class="button is-checked" data-filter="*">All</button>--}}
                            {{--<button class="button" data-filter=".f1">Business & Work</button>--}}
                            {{--<button class="button" data-filter=".f2">Art & Culture</button>--}}
                            {{--<button class="button" data-filter=".f3">Public</button>--}}
                            {{--<button class="button" data-filter=".f4">Sports</button>--}}
                        {{--</div>--}}
                        <div class="clearfix"></div>
                        <div class="isotope items">
                            <div class="item f1">
                                <div class="gallery-thumb"> <a href="{{asset('assets/images/gallery/gmasnry12.jpg')}}" data-rel="prettyPhoto[gallery]"><i class="fas fa-search"></i></a> <img loaing="lazy" src="{{asset('assets/images/gallery/gmasnry1.jpg')}}" alt=""> </div>
                            </div>
                            <div class="item f2">
                                <div class="gallery-thumb"> <a href="{{asset('assets/images/gallery/gmasnry22.jpg')}}" data-rel="prettyPhoto[gallery]"><i class="fas fa-search"></i></a> <img loaing="lazy" src="{{asset('assets/images/gallery/gmasnry2.jpg')}}" alt=""> </div>
                            </div>
                            <div class="item height2 f3">
                                <div class="gallery-thumb"> <a href="{{asset('assets/images/gallery/gmasnry33.jpg')}}" data-rel="prettyPhoto[gallery]"><i class="fas fa-search"></i></a> <img loaing="lazy" src="{{asset('assets/images/gallery/gmasnry3.jpg')}}" alt=""> </div>
                            </div>
                            <div class="item width2 f1">
                                <div class="gallery-thumb"> <a href="{{asset('assets/images/gallery/gmasnry34.jpg')}}" data-rel="prettyPhoto[gallery]"><i class="fas fa-search"></i></a> <img loaing="lazy" src="{{asset('assets/images/gallery/gmasnry4.jpg')}}" alt=""> </div>
                            </div>
                            <div class="item f2">
                                <div class="gallery-thumb"> <a href="{{asset('assets/images/gallery/gmasnry55.jpg')}}" data-rel="prettyPhoto[gallery]"><i class="fas fa-search"></i></a> <img loaing="lazy" src="{{asset('assets/images/gallery/gmasnry5.jpg')}}" alt=""> </div>
                            </div>
                            <div class="item f3">
                                <div class="gallery-thumb"> <a href="{{asset('assets/images/gallery/gmasnry66.jpg')}}" data-rel="prettyPhoto[gallery]"><i class="fas fa-search"></i></a> <img loaing="lazy" src="{{asset('assets/images/gallery/gmasnry6.jpg')}}" alt=""> </div>
                            </div>
                            <div class="item f3">
                                <div class="gallery-thumb"> <a href="{{asset('assets/images/gallery/gmasnry77.jpg')}}" data-rel="prettyPhoto[gallery]"><i class="fas fa-search"></i></a> <img loaing="lazy" src="{{asset('assets/images/gallery/gmasnry7.jpg')}}" alt=""> </div>
                            </div>
                            <div class="item height2 f4">
                                <div class="gallery-thumb"> <a href="{{asset('assets/images/gallery/gmasnry1111.jpg')}}" data-rel="prettyPhoto[gallery]"><i class="fas fa-search"></i></a> <img loaing="lazy" src="{{asset('assets/images/gallery/gmasnry11.jpg')}}" alt=""> </div>
                            </div>
                            <div class="item width2 f4">
                                <div class="gallery-thumb"> <a href="{{asset('assets/images/gallery/gmasnry1010.jpg')}}" data-rel="prettyPhoto[gallery]"><i class="fas fa-search"></i></a> <img loaing="lazy" src="{{asset('assets/images/gallery/gmasnry10.jpg')}}" alt=""> </div>
                            </div>
                            <div class="item f4">
                                <div class="gallery-thumb"> <a href="{{asset('assets/images/gallery/gmasnry88.jpg')}}" data-rel="prettyPhoto[gallery]"><i class="fas fa-search"></i></a> <img loaing="lazy" src="{{asset('assets/images/gallery/gmasnry8.jpg')}}" alt=""> </div>
                            </div>
                            <div class="item f4">
                                <div class="gallery-thumb"> <a href="{{asset('assets/images/gallery/gmasnry99.jpg')}}" data-rel="prettyPhoto[gallery]"><i class="fas fa-search"></i></a> <img loaing="lazy" src="{{asset('assets/images/gallery/gmasnry9.jpg')}}" alt=""> </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Gallery Page Start -->
    </div>
    <!--Main Content End-->

    @endsection