Gecko [ gandhischool.edu.np ]

Name	Size	Permission
about_organization.blade.php	4.05 KB	-rw-rw-r--
aboutus.blade.php	6.68 KB	-rw-rw-r--
advisory_board.blade.php	1.86 KB	-rw-rw-r--
app.blade.php	9.95 KB	-rw-rw-r--
books.blade.php	2.65 KB	-rw-rw-r--
committee.blade.php	2.11 KB	-rw-rw-r--
gallery.blade.php	1.64 KB	-rw-rw-r--
index.blade.php	11.61 KB	-rw-rw-r--
member.blade.php	3.92 KB	-rw-rw-r--
news.blade.php	1.91 KB	-rw-rw-r--
patrons.blade.php	1.77 KB	-rw-rw-r--
publication.blade.php	2.08 KB	-rw-rw-r--
reports.blade.php	2.29 KB	-rw-rw-r--
show_gallery.blade.php	3.34 KB	-rw-rw-r--
show_news.blade.php	1.82 KB	-rw-rw-r--
show_publication.blade.php	3.7 KB	-rw-rw-r--
video.blade.php	1.55 KB	-rw-rw-r--

Code Editor : show_gallery.blade.php

@extends('frontend.app')

@section('content')

<div class="container-fluid bg-primary py-5 mb-5 page-header">
    <div class="container py-5">
        <div class="row justify-content-center">
            <div class="col-lg-10 text-center">
                <h1 class="display-3 text-white animated slideInDown">gallery </h1>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb justify-content-center">
                        <li class="breadcrumb-item"><a class="text-white" href="/">Home</a></li>
                        <li class="breadcrumb-item text-white active" aria-current="page"> <a href="/gallery">gallery</a></li>
                        <li class="breadcrumb-item text-white active" aria-current="page"> <a >View</a></li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
</div>

<h1> {{ $single_gallery->name}}</h1><hr>

<div id="gallery" class="container-fluid">
  @if (is_null($single_gallery->cover_image))
    <p style="font-size: 16pt;color:brown; padding-left:20%; padding-bottom:10px"> No photos to show </p>
  @else
  <a href="/album/{{$single_gallery->cover_image }}" data-lightbox="image-1" data-title="{{$single_gallery->description}}">
    <img src="/album/{{$single_gallery->cover_image}}" class="img-responsive" alt="{{$single_gallery->description}}">    
  </a>
  @endif
    @foreach ($images as $data)
      <a href="/album/{{$data->image }}" data-lightbox="image-1" data-title="{{$data->description}}">
        <img src="/album/{{$data->image}}" class="img-responsive" alt="{{$data->description}}">    
      </a>
    @endforeach  
</div>
@endsection
@section('scripts')

});
	</script>

#gallery img,#gallery video {
  width:100%;
  height:auto;
  margin: 4% auto;
  box-shadow:-3px 5px 15px #000;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.modal-img,.model-vid{
  width:100%;
  height:auto;
}
.modal-body{
  padding:0px;
}
a {
  position: relative
}

.image_hover span {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px;
  background: rgba(255,255,255,.8);
}

.image_hover:hover span {
  display: block
}
</style>
@endsection

${this.title}

Code Editor : show_gallery.blade.php