@extends('users/layout')
@section('content')
<link href="{{asset('template/assets/css/style.css')}}" rel="stylesheet">
<section>
	<div>
		<div class="background-holder overlay" style="background-image:url(template/assets/images/background-2.jpg);background-position: center bottom;">
		</div><!--/.background-holder-->
<div class="container">
 <div class="row pt-6" data-inertia='{"weight":1.5}'>
  <div class="col-md-8 px-md-0 color-white" data-zanim-timeline="{}" data-zanim-trigger="scroll">
   <div class="overflow-hidden">
	<h1 class="color-white fs-4 fs-md-5 mb-0 zopacity" data-zanim='{"delay":0}'>{{__('master.FORMATIONS METIERS')}}</h1>
	<div class="nav zopacity" aria-label="breadcrumb" role="navigation" data-zanim='{"delay":0.1}'>
		<ol class="breadcrumb fs-1 pl-0 fw-700">
		<li class="breadcrumb-item">
			<a class="color-white" href="#">{{__('master.Accueil')}}</a>
		</li>
		<li class="breadcrumb-item active" aria-current="page">{{__('master.Formations Métiers')}}
		</li>
		</ol>
	</div>
	</div>
 </div>
 </div>
 </div>
 <!--/.row-->
 </div><!--/.container-->
 </section>



<section class="background-11">
		<div class="container">
			<div class="row">
				<div class="col"><h5 class="text-center fs-2 fs-lg-3" style="margin-top: -80px;">{{__('master.Formations Métiers')}}</h5>
					<hr class="short" data-zanim='{"from":{"opacity":0,"width":0},"to":{"opacity":1,"width":"4.20873rem"},"duration":0.8}' data-zanim-trigger="scroll"/>
				</div>
			</div>
	   </div>


<div class="container-fluid">
	
<div class="row col-md-12">
@foreach($formation as $formations)
 <div class="col-md-4 col-lg-3 py-0 mt-4 mt-lg-0" style="padding-top: 20px !important">
   <div class="card" style="height: 32rem;">
   	<a href="{{('detail_formation/'.$formations->IdFormation )}}">
     <img class="card-img-top" src="{{URL($formations->ImageFormation)}}" alt="Card image" style="width:100%">
     <div class="card-body">
       <h5 class="card-title" style="text-align: center;">
         {!!__($formations->LibelleFormation)!!}
       </h5>
       <!-- <center style="position: absolute; bottom: 0; right: 0; left: 0; padding-bottom: 15px !important;"><a href="{{('/fonction_rfc')}}" class="btn btn-primary">En savoir plus</a></center> -->
     </div>
    </a>
   </div>
 </div>
@endforeach

 
</div>
</div>
	</section>


 @endsection