@section('title',$title)
@section('description',$description)
@extends('layout.app')
@section('content')
<div class="container-fluid ">
    <div class="row">
        <div class="col-lg-12">
            <div class="breadcrumb-main">
                <h4 class="text-capitalize breadcrumb-title">{{ trans('menu.gallery-two') }}</h4>
                <div class="breadcrumb-action justify-content-center flex-wrap">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="#"><i class="las la-home"></i>Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">{{ trans('menu.gallery-two') }}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="gallery-filter mb-sm-50 mb-30">
                <ul class="simplefilter w-100 ap-tab-main px-sm-25 px-15 bg-white d-flex flex-wrap align-items-center radius-xl">
                    <li class="fltr-controls nav-link active" data-filter="all">All</li>
                    <li class="fltr-controls nav-link" data-filter="1">Web Design </li>
                    <li class="fltr-controls nav-link" data-filter="2">UI Design</li>
                    <li class="fltr-controls nav-link" data-filter="3">Wireframe Kits</li>
                    <li class="fltr-controls nav-link" data-filter="4">Presentation</li>
                </ul>
                <div class="push-down push-down--style">
                    <div class="filtr-container">
                        <div class="filtr-item filtr-item--style" data-category="1" data-sort="Busy streets">
                            <div class="card">
                                <div class="gc gc--gallery2">
                                    <div class="gc__img">
                                        <img src="{{ asset('assets/img/gallery.png') }}" alt="img" class="w-100 radius-xl">
                                    </div>
                                    <div class="card-body">
                                        <div class="gc__title">
                                            <P class="title">Snow covered mountain</P>
                                            <span>13 July 2020</span>
                                        </div>
                                        <p class="subtitle">Lorem Ipsum is simply dummy text of the printing
                                            printer took a galley of type and scrambled
                                            and typesetting industry.</p>
                                        <ul class="gc__link">
                                            <li><a href="#"><img src="{{ asset('assets/img/svg/link.svg') }}" alt="link" class="svg"></a></li>
                                            <li><a href="#"><img src="{{ asset('assets/img/svg/search.svg') }}" alt="search" class="svg"></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="filtr-item filtr-item--style" data-category="2" data-sort="Luminous night">
                            <div class="card">
                                <div class="gc gc--gallery2">
                                    <div class="gc__img">
                                        <img src="{{ asset('assets/img/gallery2.png') }}" alt="img" class="w-100 radius-xl">
                                    </div>
                                    <div class="card-body">
                                        <div class="gc__title">
                                            <P class="title">Snow covered mountain</P>
                                            <span>13 July 2020</span>
                                        </div>
                                        <p class="subtitle">Lorem Ipsum is simply dummy text of the printing
                                            printer took a galley of type and scrambled
                                            and typesetting industry.</p>
                                        <ul class="gc__link">
                                            <li><a href="#"><img src="{{ asset('assets/img/svg/link.svg') }}" alt="link" class="svg"></a></li>
                                            <li><a href="#"><img src="{{ asset('assets/img/svg/search.svg') }}" alt="search" class="svg"></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="filtr-item filtr-item--style" data-category="3" data-sort="City wonders">
                            <div class="card">
                                <div class="gc gc--gallery2">
                                    <div class="gc__img">
                                        <img src="{{ asset('assets/img/gallery3.png') }}" alt="img" class="w-100 radius-xl">
                                    </div>
                                    <div class="card-body">
                                        <div class="gc__title">
                                            <P class="title">Snow covered mountain</P>
                                            <span>13 July 2020</span>
                                        </div>
                                        <p class="subtitle">Lorem Ipsum is simply dummy text of the printing
                                            printer took a galley of type and scrambled
                                            and typesetting industry.</p>
                                        <ul class="gc__link">
                                            <li>
                                                <a href="#">
                                                    <img src="{{ asset('assets/img/svg/link.svg') }}" alt="link" class="svg">
                                                </a>
                                            </li>
                                            <li><a href="#"><img src="{{ asset('assets/img/svg/search.svg') }}" alt="search" class="svg"></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="filtr-item filtr-item--style" data-category="4" data-sort="In production">
                            <div class="card">
                                <div class="gc gc--gallery2">
                                    <div class="gc__img">
                                        <img src="{{ asset('assets/img/gallery4.png') }}" alt="img" class="w-100 radius-xl">
                                    </div>
                                    <div class="card-body">
                                        <div class="gc__title">
                                            <P class="title">Snow covered mountain</P>
                                            <span>13 July 2020</span>
                                        </div>
                                        <p class="subtitle">Lorem Ipsum is simply dummy text of the printing
                                            printer took a galley of type and scrambled
                                            and typesetting industry.</p>
                                        <ul class="gc__link">
                                            <li><a href="#"><img src="{{ asset('assets/img/svg/link.svg') }}" alt="link" class="svg"></a></li>
                                            <li><a href="#"><img src="{{ asset('assets/img/svg/search.svg') }}" alt="search" class="svg"></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="filtr-item filtr-item--style" data-category="2" data-sort="Industrial site">
                            <div class="card">
                                <div class="gc gc--gallery2">
                                    <div class="gc__img">
                                        <img src="{{ asset('assets/img/gallery5.png') }}" alt="img" class="w-100 radius-xl">
                                    </div>
                                    <div class="card-body">
                                        <div class="gc__title">
                                            <P class="title">Snow covered mountain</P>
                                            <span>13 July 2020</span>
                                        </div>
                                        <p class="subtitle">Lorem Ipsum is simply dummy text of the printing
                                            printer took a galley of type and scrambled
                                            and typesetting industry.</p>
                                        <ul class="gc__link">
                                            <li><a href="#"><img src="{{ asset('assets/img/svg/link.svg') }}" alt="link" class="svg"></a></li>
                                            <li><a href="#"><img src="{{ asset('assets/img/svg/search.svg') }}" alt="search" class="svg"></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="filtr-item filtr-item--style" data-category="3" data-sort="Peaceful lake">
                            <div class="card">
                                <div class="gc gc--gallery2">
                                    <div class="gc__img">
                                        <img src="{{ asset('assets/img/gallery6.png') }}" alt="img" class="w-100 radius-xl">
                                    </div>
                                    <div class="card-body">
                                        <div class="gc__title">
                                            <P class="title">Snow covered mountain</P>
                                            <span>13 July 2020</span>
                                        </div>
                                        <p class="subtitle">Lorem Ipsum is simply dummy text of the printing
                                            printer took a galley of type and scrambled
                                            and typesetting industry.</p>
                                        <ul class="gc__link">
                                            <li><a href="#"><img src="{{ asset('assets/img/svg/link.svg') }}" alt="link" class="svg"></a></li>
                                            <li><a href="#"><img src="{{ asset('assets/img/svg/search.svg') }}" alt="search" class="svg"></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="filtr-item filtr-item--style" data-category="4" data-sort="Industrial site">
                            <div class="card">
                                <div class="gc gc--gallery2">
                                    <div class="gc__img">
                                        <img src="{{ asset('assets/img/gallery7.png') }}" alt="img" class="w-100 radius-xl">
                                    </div>
                                    <div class="card-body">
                                        <div class="gc__title">
                                            <P class="title">Snow covered mountain</P>
                                            <span>13 July 2020</span>
                                        </div>
                                        <p class="subtitle">Lorem Ipsum is simply dummy text of the printing
                                            printer took a galley of type and scrambled
                                            and typesetting industry.</p>
                                        <ul class="gc__link">
                                            <li><a href="#"><img src="{{ asset('assets/img/svg/link.svg') }}" alt="link" class="svg"></a></li>
                                            <li><a href="#"><img src="{{ asset('assets/img/svg/search.svg') }}" alt="search" class="svg"></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="filtr-item filtr-item--style" data-category="1" data-sort="Peaceful lake">
                            <div class="card">
                                <div class="gc gc--gallery2">
                                    <div class="gc__img">
                                        <img src="{{ asset('assets/img/gallery.png') }}" alt="img" class="w-100 radius-xl">
                                    </div>
                                    <div class="card-body">
                                        <div class="gc__title">
                                            <P class="title">Snow covered mountain</P>
                                            <span>13 July 2020</span>
                                        </div>
                                        <p class="subtitle">Lorem Ipsum is simply dummy text of the printing
                                            printer took a galley of type and scrambled
                                            and typesetting industry.</p>
                                        <ul class="gc__link">
                                            <li><a href="#"><img src="{{ asset('assets/img/svg/link.svg') }}" alt="link" class="svg"></a></li>
                                            <li><a href="#"><img src="{{ asset('assets/img/svg/search.svg') }}" alt="search" class="svg"></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="filtr-item filtr-item--style" data-category="2" data-sort="Industrial site">
                            <div class="card">
                                <div class="gc gc--gallery2">
                                    <div class="gc__img">
                                        <img src="{{ asset('assets/img/gallery8.png') }}" alt="img" class="w-100 radius-xl">
                                    </div>
                                    <div class="card-body">
                                        <div class="gc__title">
                                            <P class="title">Snow covered mountain</P>
                                            <span>13 July 2020</span>
                                        </div>
                                        <p class="subtitle">Lorem Ipsum is simply dummy text of the printing
                                            printer took a galley of type and scrambled
                                            and typesetting industry.</p>
                                        <ul class="gc__link">
                                            <li><a href="#"><img src="{{ asset('assets/img/svg/link.svg') }}" alt="link" class="svg"></a></li>
                                            <li><a href="#"><img src="{{ asset('assets/img/svg/search.svg') }}" alt="search" class="svg"></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="filtr-item filtr-item--style" data-category="3" data-sort="Peaceful lake">
                            <div class="card">
                                <div class="gc gc--gallery2">
                                    <div class="gc__img">
                                        <img src="{{ asset('assets/img/gallery9.png') }}" alt="img" class="w-100 radius-xl">
                                    </div>
                                    <div class="card-body">
                                        <div class="gc__title">
                                            <P class="title">Snow covered mountain</P>
                                            <span>13 July 2020</span>
                                        </div>
                                        <p class="subtitle">Lorem Ipsum is simply dummy text of the printing
                                            printer took a galley of type and scrambled
                                            and typesetting industry.</p>
                                        <ul class="gc__link">
                                            <li><a href="#"><img src="{{ asset('assets/img/svg/link.svg') }}" alt="link" class="svg"></a></li>
                                            <li><a href="#"><img src="{{ asset('assets/img/svg/search.svg') }}" alt="search" class="svg"></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="filtr-item filtr-item--style" data-category="4" data-sort="Industrial site">
                            <div class="card">
                                <div class="gc gc--gallery2">
                                    <div class="gc__img">
                                        <img src="{{ asset('assets/img/gallery10.png') }}" alt="img" class="w-100 radius-xl">
                                    </div>
                                    <div class="card-body">
                                        <div class="gc__title">
                                            <P class="title">Snow covered mountain</P>
                                            <span>13 July 2020</span>
                                        </div>
                                        <p class="subtitle">Lorem Ipsum is simply dummy text of the printing
                                            printer took a galley of type and scrambled
                                            and typesetting industry.</p>
                                        <ul class="gc__link">
                                            <li><a href="#"><img src="{{ asset('assets/img/svg/link.svg') }}" alt="link" class="svg"></a></li>
                                            <li><a href="#"><img src="{{ asset('assets/img/svg/search.svg') }}" alt="search" class="svg"></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="filtr-item filtr-item--style" data-category="1" data-sort="Peaceful lake">
                            <div class="card">
                                <div class="gc gc--gallery2">
                                    <div class="gc__img">
                                        <img src="{{ asset('assets/img/gallery11.png') }}" alt="img" class="w-100 radius-xl">
                                    </div>
                                    <div class="card-body">
                                        <div class="gc__title">
                                            <P class="title">Snow covered mountain</P>
                                            <span>13 July 2020</span>
                                        </div>
                                        <p class="subtitle">Lorem Ipsum is simply dummy text of the printing
                                            printer took a galley of type and scrambled
                                            and typesetting industry.</p>
                                        <ul class="gc__link">
                                            <li><a href="#"><img src="{{ asset('assets/img/svg/link.svg') }}" alt="link" class="svg"></a></li>
                                            <li><a href="#"><img src="{{ asset('assets/img/svg/search.svg') }}" alt="search" class="svg"></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection