@extends('users/layout')
@section('content')

<section class="hero bg-cover bg-position py-4" style="background: url(https://d19m59y37dris4.cloudfront.net/consulting/2-0/img/hero-banner-1.19d3abb0.jpg)">
      <div class="container py-5 index-forward text-white">
        <h1>Nos Projets</h1>
        <!-- Breadcrumb-->
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb bg-none mb-0 p-0">
            <li class="breadcrumb-item ps-0"><a href="index.html"> <i class="fas fa-home me-2"></i>Accueil</a></li>
            <li class="breadcrumb-item active" aria-current="page">Nos Projets</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" style="height: 280px;" src="https://scontent.flfw2-1.fna.fbcdn.net/v/t39.30808-6/241721575_238025911462105_8025657204745966271_n.jpg?_nc_cat=102&ccb=1-5&_nc_sid=8bfeb9&_nc_ohc=29gww75eCs4AX8qoZv2&_nc_ht=scontent.flfw2-1.fna&oh=00_AT8OtRdeX-5ya3owwOMW36tX7NcrKJsTCzUjbN12f9G7uA&oe=61E3E1DD" alt="Card image">
		    <div class="card-body">
		      <h5 class="card-title" style="text-align: center;">Projet:<br> SOUTIEN SCOLAIRE</h5>
<!-- 		      <p class="card-text" style="text-align:left;">xcccc</p>
 -->		    </div>
		    <center><a href="#" class="btn btn-primary">Voir Plus</a><br></br></center>
		  </div><br>
		 </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" style="height: 280px;" src="https://scontent.flfw2-1.fna.fbcdn.net/v/t39.30808-6/241171478_238046264793403_3953476807954182513_n.jpg?_nc_cat=108&ccb=1-5&_nc_sid=8bfeb9&_nc_ohc=ogFQGnVcgDAAX-WSa8u&_nc_ht=scontent.flfw2-1.fna&oh=00_AT8bzu2OU6SX6bQfuTyQVJUqQ6KMQurmNJXDdmCuHq_GrQ&oe=61E342E5" alt="Card image">
		    <div class="card-body">
		      <h5 class="card-title" style="text-align: center;">Projet:<br> CENTRE HOSPITALIER</h5>
<!-- 		      <p class="card-text" style="text-align:left;">xcccc</p>
 -->		    </div>
		    <center><a href="#" class="btn btn-primary">Voir Plus</a><br></br></center>
		  </div><br>
		 </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" style="height: 280px;" src="https://scontent.flfw2-1.fna.fbcdn.net/v/t39.30808-6/241739099_238055188125844_7925636922138070548_n.jpg?_nc_cat=103&ccb=1-5&_nc_sid=8bfeb9&_nc_ohc=dVJuTeVH8-4AX-POt5r&_nc_ht=scontent.flfw2-1.fna&oh=00_AT8IIvkawGoF4Upd4PzA9ZzsFmA7hNp45Kc1jUKqpenA9Q&oe=61E3DBEB" alt="Card image">
		    <div class="card-body">
		      <h5 class="card-title" style="text-align: center;">Projet:<br> ECOLE UNIVERSITAIRE</h5>
<!-- 		      <p class="card-text" style="text-align:left;">xcccc</p>
 -->		    </div>
		    <center><a href="#" class="btn btn-primary">Voir Plus</a><br></br></center>
		  </div><br>
		 </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" style="height: 280px;" src="template/dist/img/miel.jpg" alt="Card image">
		    <div class="card-body">
		      <h5 class="card-title" style="text-align: center;">Projet:<br> MIEL DES SAVANES</h5>
<!-- 		      <p class="card-text" style="text-align:left;">xcccc</p>
 -->		    </div>
		    <center><a href="#" class="btn btn-primary">Voir Plus</a><br></br></center>
		  </div><br>
		 </div>
   </div>
</div>

@endsection