@extends('users/layout')
@section('content')
@section('galactive','active')

<section class="hero bg-cover bg-position py-4" style="background: url(template/dist/img/projet_scolaire.jpg)">
      <div class="container py-5 index-forward text-white">
        <h1>Photos galeries</h1>
        <!-- Breadcrumb-->
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb bg-none mb-0 p-0">
            <li class="breadcrumb-item ps-0"><a href="{{asset('/')}}"> <i class="fas fa-home me-2"></i>Accueil</a></li>
            <li class="breadcrumb-item active" aria-current="page">photos</li>
          </ol>
        </nav>
      </div>
</section>
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"> -->


   <div class="container mt-5">
	 <div class="row col-md-12 row text-center justify-content-center">
      @foreach($galerie as $galeries)
		 <div class="col-md-3 col-lg-3 py-0 mt-4 mt-lg-0">
      <a href="{{asset('images/'.$galeries->link)}}" data-toggle="lightbox">
                       <div class="card card-height">
                        <img class="card-img-top" src="{{asset('images/'.$galeries->link)}}" alt="">
                      </div>
                  </a>
		   
		 </div>
      @endforeach

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

@endsection