@extends('layouts.frontend')

@section('content')

<div class="container" style="min-height: 450px;">
    <div class="row">
    
        @foreach($news as $n)

            <div class="col-sm-3" style="margin-top:40px;">
                <div class="news-post image-post">
                    <a href="/{{$n->slug}}"><img src="/files/news/{{$n->image}}" alt="" class="img-responsive"></div>
                        
                            <div class="inner-hover" style="margin-top:0px;position:initial;">
                                <a class="category-post" style="position:absolute;left:0px;top:0px;height:23px;" href="/{{$n->section->slug}}">{{$n->section->name}}</a>
                            </div>
                        
                        <div class="post-content">
                            <h2><a href="/{{$n->slug}}">{{$n->title}}</a></h2>
                                <ul class="post-tags">
                                    <li><i class="fa fa-clock-o"></i>{{date("d/m/Y", strtotime($n->date))}}</li>
                                </ul>
                        </div>		
                </div>
            </div>
        
        @endforeach

    </div>
</div>

@stop