@extends('Web/App')
@section('main-content')
{{-- @include('Web/Layouts/minibanner') --}}

        <div class=" ">
            <div class="bg-lightgrey">
                <h1 class="heading text-darkblue-theme p-3">GALLERY <span class="text-blue-theme"> </span> </h1>
                <div class="underlining shadow"></div>
              
            </div>
            <div class="row gallery mt-5 bg-brown-theme p-3">
              @foreach ($gallery as $item)    
                <div class="col-sm-6 col-md-4 col-lg-3">
                  <a href="{{asset('storage/gallery/'.$item->img)}}">
                    <img class="img-fluid"src="{{asset('storage/gallery/'.$item->img)}}">
                  </a>
                </div>              
              @endforeach
            </div>

          </div>
          
          <script>
            baguetteBox.run(".gallery", {
              animation: "slideIn"
            });
          </script>

   
@endsection