@extends('users/layout')
@section('content')
<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}'>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="#">Accueil</a>
		</li>
		<li class="breadcrumb-item active" aria-current="page">Formations Métiers
		</li>
		</ol>
	</div>
	</div>
 </div>
 </div>
 </div>
 <!--/.row-->
 </div><!--/.container-->
 </section>



<section class="background-11">
	<div class="container">
		<div class="row" style="margin-top: -70px;">
			<div class="col"><h3 class="text-center fs-2 fs-lg-3">LES MATINALES DU NOVEMBRE 2021</h3>
				<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 class="row">
			<div class="col-md-6 col-lg-4 py-0">
				<div class="background-white pb-4 h-100 radius-secondary">
					<img class="w-100 radius-tr-secondary radius-tl-secondary" src="{{URL('template/assets/images/lamatinale.jpeg')}}" style="height: 250px; width:auto;" alt="Featured Image"/>
					<div class="px-4 pt-4" data-zanim-timeline="{}" data-zanim-trigger="scroll">
					<div class="overflow-hidden">
						<p class="" data-zanim='{"delay":0.2}' style="text-align: left; font-weight: bold; font-size: 20px;">LA MATINALE DE LA GESTION DES PROJETS 
						</p>
					</div>
						<div class="overflow-hidden">
							<div class="d-inline-block" data-zanim='{"delay":0.3}'>
								<a class="d-flex align-items-center" href="{{('/lamatinale')}}">Lire plus
									<div class="overflow-hidden ml-2" data-zanim='{"from":{"opacity":0,"x":-30},"to":{"opacity":1,"x":0},"delay":0.8}'><span class="d-inline-block">&xrarr;</span>
									</div>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
	</div><!--/.row-->
</div><!--/.container-->
	</section>

 @endsection