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

<section class="background-11">
<div class="container" style="background-color: #fff">
<div class="background-white pb-4 h-60 radius-secondary">
		<div class="row" >
			<div class=" row col-md-12">
				
				<!-- <div class="col-md-6"> -->
					
				<!-- </div> -->
					<div class="overflow-hidden">
						<p class="mt-3" data-zanim='{"delay":0.2}' style="text-align: center; font-weight: bold; color: blue !important; margin-left: 15px; font-size: 40px !important;">{{$details_article->articles_title}}
						</p>
				</div>

			</div>
		</div>
		<p style="text-align: justify; margin: 20px !important;">
			{!! $details_article->articles_description !!}
		</p>
		<div class="row" >
			<div class=" row col-md-12">
		<div class="col-md-3 col-lg-3 py-0 mt-4 mt-lg-0">
		</div>

		 <div class="col-md-6 col-lg- 6py-0 mt-4 mt-lg-0">
		  <div class="card card-height">
		 <img class="w-100 radius-tr-secondary radius-tl-secondary text-center" src="{{asset($details_article->articles_image)}}" alt="Featured Image" style="justify-content: center;" />
		 </div>
		</div>

		 <div class="col-md-3 col-lg-3 py-0 mt-4 mt-lg-0">
		</div>
			</div>
		</div>
         <p>
			<div style="display: inline-block; margin-left: 15px; font-size: 12px;" class="mt-4">
							Publié par <br><span class="fa fa-user-o color-warning fw-800 icon-position-fix"></span>&nbsp;&nbsp;Philippe Ayao AWAGA &nbsp;,&nbsp;Rokya Muriel SIRIMA &nbsp;,&nbsp;Bienvenu Kossivi DZIDENU
			</div>

			<div style="display: inline-block; float: right; font-size: 12px; margin-right: auto;" class="mt-4">
				Publié le<br>
				<span class="fa fa-clock-o color-warning fw-800 icon-position-fix"></span>&nbsp;&nbsp;{{$details_article->created_at}}
			</div>
         </p>
</div>
<hr style="">

</div><!--/.container-->
	</section>
@endsection