@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="#"> <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>


   <div class="container mt-5">
	 <div class="row col-md-12 row text-center justify-content-center">
     
		 <div class="col-md-3 col-lg-3 py-0 mt-4 mt-lg-0">
		   <div class="card card-height">
		    <img class="card-img-top" src="{{URL('template/dist/img/im77.jpg')}}" alt="Card image">
		  </div>
		 </div>

		  <div class="col-md-3 col-lg-3 py-0 mt-4 mt-lg-0">
		   <div class="card card-height">
		    <img class="card-img-top" src="{{URL('template/dist/img/im88.jpg')}}" alt="Card image">
		  </div>
		 </div>

		  <div class="col-md-3 col-lg-3 py-0 mt-4 mt-lg-0">
		   <div class="card card-height">
		    <img class="card-img-top" src="{{URL('template/dist/img/im99.jpg')}}" alt="Card image">
		  </div>
		 </div>

		 <div class="col-md-3 col-lg-3 py-0 mt-4 mt-lg-0">
		   <div class="card card-height">
		    <img class="card-img-top" src="template/dist/img/im66.jpg" alt="Card image">
		  </div>
		 </div>
   </div><br />
</div>

@endsection