@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; height: 50px;">
</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}'>ARTICLES</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">Articles
		</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;">LES PUBLICATIONS</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($articles as $v_articles)
 <div class="col-md-4 col-lg-4 py-0 mt-4 mt-lg-0">
   <div class="card">
   <!--  <img class="card-img-top" style="height: 210px;" src="{{URL('template/assets/images/etude.jpg')}}" alt="Card image" style="width:100%"> -->
    <div class="card-body" style="height: auto !important;">
      <h5 class="card-title" style="text-align: center;">{{ substr($v_articles->articles_title, 0, 60) }} ...</h5>
      <p class="card-text" style="text-align: left;">{{ substr($v_articles->articles_description, 0, 300) }} ...</p>
      <center><a href="{{('details-article/'.$v_articles->id)}}" class="btn btn-primary">Voir Plus</a></center>
    </div>
  </div>
 </div><br></br>
 @endforeach

<!-- <div class="col-md-4 col-lg-3 py-0 mt-4 mt-lg-0">
   <div class="card" >
    <img class="card-img-top" style="height: 210px;" src="{{URL('template/assets/images/financement.jpeg')}}" alt="Card image" style="width:100%">
    <div class="card-body">
      <h5 class="card-title" style="text-align: center;">DE LA NECESSITE DE REPENSER LE FINANCEMENT DES PME</h5>
      <p class="card-text" style="text-align: justify;">Il n’est plus à démontrer que le développement d’un pays est tributaire de la dynamique des PME de ce pays. Malgré cette certitude, de nombreuses inquiétudes restent encore sans réponses pour ce qui concerne l’accompagnement... </p>
      <center><a href="{{('details-publication2/de-la-necessite-de-repenser-le-financement-des-pme')}}" class="btn btn-primary">Voir Plus</a></center>
    </div>
  </div>
 </div> -->
<!--  <div class="col-md-4 col-lg-3 py-0 mt-4 mt-lg-0">
   <div class="card" >
    <img class="card-img-top" style="height: 210px;" src="{{URL('template/assets/images/covid.jpg')}}" alt="Card image" style="width:100%">
    <div class="card-body">
      <h5 class="card-title" style="text-align: center;">LA COVID 19, UNE ENTRAVE AUX DEROULEMENT DES FORMATIONS ?</h5>
      <p class="card-text" style="text-align: justify;">Les formations ont pour objectifs le renforcement de capacités et des compétences, d’apprentissage et de renforcement d’un savoir-faire. Chaque entreprise doit former ses employés et chaque manager doit se faire former afin ...</p>
      <center><a href="{{('details-publication3/la-covid19-une-entrave-au-developpement-des-formations')}}" class="btn btn-primary">Voir Plus</a></center>
    </div>
  </div>
 </div> -->
<!--  <div class="col-md-4 col-lg-3 py-0 mt-4 mt-lg-0">
   <div class="card" >
    <img class="card-img-top" src="{{URL('template/assets/images/modernisation.jpg')}}" alt="Card image" style="width:100%">
    <div class="card-body">
      <h5 class="card-title" style="text-align: center;">MODERNISATION COMPETITIVE : UN PARI A REUSSIR AVANT 2025</h5>
      <p class="card-text" style="text-align: justify;">Les petites et moyennes entreprises (PME) sont le cœur vibrant de l’économie des pays. Au Togo, elles représentent 99 % des entreprises enregistrées et génèrent environ 80 % du produit intérieur brut...</p>
     <center> <a href="{{('details-publication4/modernisation-competitive-un pari-a-reussir-avant-2025')}}" class="btn btn-primary">Voir Plus</a></center>
    </div>
  </div>
 </div> -->
</div>
</div>

	</section>


@endsection