@extends('users/layout')
@section('content')
@section('npojetsactive','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>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="#"> <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: 200px;" src="{{URL('template/dist/img/soutienscolaire.jpg')}}" alt="Card image">
		    <div class="card-body">
		      <h5 class="card-title" style="text-align: center;"> SOUTIEN SCOLAIRE</h5>
<!-- 		      <p class="card-text" style="text-align:left;">xcccc</p>
 -->		    </div><br>
		    <center><a href="{{('soutien-scolaire')}}" 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: 200px;" src="{{URL('template/dist/img/universite.jpg')}}" alt="Card image">
		    <div class="card-body">
		      <h5 class="card-title" style="text-align: center;">HOPITAL BRAUN CINKASSE</h5>
<!-- 		      <p class="card-text" style="text-align:left;">xcccc</p>
 -->		    </div>
		    <center><a href="http://hbc.logexcloud.com/" target="_blank" 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: 200px;" src="{{URL('template/dist/img/bonita.jpg')}}" alt="Card image">
		    <div class="card-body">
		      <h5 class="card-title" style="text-align: center;"> INSTITUT TECHNIQUE BONITA HAUS</h5>
<!-- 		      <p class="card-text" style="text-align:left;">xcccc</p>
 -->		    </div>
		    <center><a href="http://bonita-haus.logexcloud.com/" target="_blank" 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: 200px;" src="template/dist/img/miel.jpg" alt="Card image">
		    <div class="card-body">
		      <h5 class="card-title" style="text-align: center;">
		       MIEL DES SAVANES</h5>
<!-- 		      <p class="card-text" style="text-align:left;">xcccc</p>
 -->		    </div><br>
		    <center><a href="https://miel.logexcloud.com/" target="_blank" class="btn btn-primary">Voir Plus</a><br></br></center>
		  </div><br>
		 </div>
   </div>
</div>

@endsection