@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">
                    <h4 class="h4-responsive">EXPERTS IN COMMERCIAL CONSTRUCTION IN AL BADER BROTHERS GULF CONSTRUCTION</h4>
                    <p>Al Bader Brothers Gulf Construction welcomes the opportunity to introduce our company and our commercial construction services to you. Since 1990, Al Bader Brothers Gulf Construction has delivered an experience that exceeds commercial clients’ expectations by providing value-engineered solutions that integrate optimal technology and products from leading suppliers. A high value-to-cost ratio on each project empowers buyers to achieve their business goals, follow their principles, and connect with their communities. Integrating architecture, engineering, and design-build practices with solid core values and a highly effective Proven Process builds lifetime relationships with clients, employees, partners, and our local community.</p>
                    <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($gallerycategory as $key=>$value)
                                <div class="col-lg-3 col-md-3 col-6  mb-3      text-center " data-tags="{{$value->group_tag}}">

                                    <a href="{{url('galleryphotos',$value->id)}}"  ><img class="img-fluid  z-depth-1"   src="{{asset($value['photo'] ?? '')}}" >
                                      <span class="title">{{$value->title}}({{$value->total_photo ?? 0}})</span>
                                    </a>

                                </div>
                            @endforeach
                        </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