@extends('layouts.master')
@section('actualiteactive', 'current-menu-item')
@section('content')

       

<section class="slider">
    <!-- CSS STYLE-->
    <link rel="stylesheet" type="text/css" href="{{asset('template/css/style.css')}}" media="screen" />

    <!-- SLIDER REVOLUTION 4.x SCRIPTS  -->
    <script type="text/javascript" src="{{asset('template/rs-plugin/js/jquery.themepunch.plugins.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('template/rs-plugin/js/jquery.themepunch.revolution.min.js')}}"></script>

    <!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->
    <link rel="stylesheet" type="text/css" href="{{asset('template/rs-plugin/css/settings.css')}}" media="screen" />

    <div class="tp-banner-fullscreen-container" >
        <div class="tp-banner" >
            <ul>
                <!-- SLIDE  -->
                <li data-transition="fade" data-slotamount="9" data-masterspeed="1000" >
                    <!-- MAIN IMAGE -->
                    <img src="{{asset('template/assets/img/page-title/bg-page-tittle.jpg')}}"  alt="slidebg1"  data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">

                </li>
                
            </ul>
        </div>
    </div>

        <script type="text/javascript">
                jQuery(document).ready(function() {
                       jQuery('.tp-banner').revolution(
                        {
                            delay:9000,
                            startwidth:1502,
                            startheight:550,
                            hideThumbs:10,
                        });
                });
            </script>
</section>

<!-- Main Content -->
<div id="main-content" class="site-main clearfix">
    <div id="content-wrap" class="bg-color" >
        <div class="bg-color-overlay"></div>


    <!-- Letest-post -->
    <section class="letest-post" style="padding: 60px">
        <div class="themesflat-spacer clearfix" data-desktop="120" data-mobile="120" data-smobile="30"></div>
        <div class="container">
            <div class="row">

                <div class="col-md-3">
                    
                </div>
                <div class="col-md-5" style="align-items: center !important;">
                    <article class="box-letest-post wow fadeInUp">
                        <div class="img-post">
                            <a href="{{url('detail_article/'.$actualites->IdArticle)}}"><img src="{{asset($actualites->ImageArticle)}}" width="100%" alt="Image"></a> 
                            <div class="permalink"><a href="{{url('detail_article/'.$actualites->IdArticle)}}" class="icon-link"></a></div>
                        </div>
                        <div class="post-day">
                            <a href="{{url('detail_article/'.$actualites->IdArticle)}}"> <span class="post-day">

                                

                                {{$day }} {{$months[$month-1] }} {{$year}} </span></a>
                        </div>
                        <div class="post-heading">
                            <h2><a href="{{url('detail_article/'.$actualites->IdArticle)}}">{{$actualites->TitreArticle}}</a></h2>
                        </div>
                        <div class="post-content">
                            {!! $actualites->ContenuArticle !!}
                        </div>
                    </article>    
                </div>
                
                
            </div>
        </div>
    </section>
    <!--End Letest-post -->




    </div><!-- /#content-wrap -->
</div><!-- /#main-content -->

@endsection