@extends('frontend.layout.app',[
    'navbar'=>'header-scrolled',
    'status'=>'hidden'
    ])
@section('content')
    <!-- ======= Contact Section ======= -->
    <section id="stuktur" class="contact mt-4">
        <div class="container mt-4">
            <h3>BERITA</h3>

            <div class="row">
                @foreach ($beritas as $berita)
                    <div class="col-3">
                        <img src="{{ asset('frontend/img/gubernur.jpeg') }}" class="figure-img img-fluid rounded" alt="img" width="350px" height="auto">
                    </div>
                    <div class="col-9">
                        <a href="{{ url('berita_lengkap/'.$berita->id) }}" class="text-info">
                            <h5>{{ $berita->judul }}</h5>
                        </a>
                        <p class="text-berita">{{ substr($berita->konten,0,300) }} ...
                            <a href="{{ url('berita_lengkap/'.$berita->id) }}">Selengkapnya</a>
                        </p>
                    </div>
                    <hr>
                @endforeach
            </div>
            <div class="d-flex justify-content-center">
                {{ $beritas->links() }}
            </div>
        </div>
    </section>
@endsection