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

<section class="background-11">
<div class="container">
<div class="background-white pb-4 h-60 radius-secondary">
		<div class="row">
			<div class=" row col-md-12">
				<div class="col-md-4">
					<img class="w-100 radius-tr-secondary radius-tl-secondary" src="{{$details_article->articles_image}}" alt="Featured Image" style="height: 200px; width: auto;" />
				</div>
				<div class="col-md-8">
					<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>
		</div>
		<p style="text-align: justify; margin: 20px;">
			{{$details_article->articles_description}}
		</p>
         <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