@extends('frontView.layout')



@section('title_area')

    Our Projects

@endsection




@section('content')

    <section class="my-5">
    <div class="container">
            <div class="row topheader">

                <div class="col-md-12  col-sm-12">

                    <div class="card">
                        <div class="card-header">Our Projects
                                   </div>

                        <div class="card-body text-centerX container-fluid">

                       {{-- <div id="buttons"></div>--}}

                        <div id="gallery" class="row">
                            @foreach($photos as $key=>$value)
                                <div class="col-lg-3 col-md-3 col-6  mb-3 text-center lightgallery photoFrame" data-tags="{{$value->group_tag}}">

                                    <a href="{{asset($value['image'] ?? '')}}" ><img class="img-fluid z-depth-1"
                                                                                                           src="{{asset($value['thumb_img'] ?? '')}}"

                                                                                                           alt="{{$value->title}}"
                                                                                                           data-toggle="modal"
                                                                                                           data-target="#modal1">
                                        {{--<span class="title">{{$value->title}}</span>--}}
                                    </a>

                                </div>
                            @endforeach

                        </div>





                    </div>

                </div>

            </div>
            </div>
    </div>

    </section>


    <link href="{{asset('public/plugins/gallery/css/style.css')}}" rel="stylesheet">

    <script src="{{asset('public/plugins/gallery/js/filter-tags.js')}}"></script>
@endsection