@extends('layouts.app')

@section('content')

    <div class="container novedades">
        <div class="content">
            <h1 class="title">. novedades</h1>
        </div>
        <div class="novedades-grid grid">
            @foreach($news as $new)
                <a href="{{ route('news.single', $new->id) }}" class="novedades-card">
                    <div class="img">
                        <img src="{{ asset('news/desktop/' . $new->desktop_image) }}" alt="">
                    </div>
                    <div class="description">
                        <div class="bottom-card">
                            <h4 class="title-program">{{ $new->title }}</h4>
                        </div>
                        <p>{!! $new->description !!}</p>
                    </div>
                </a>
            @endforeach
        </div>
    </div>
@endsection