@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 text-berita">
            <h4><strong>{{ $berita->judul }}</strong></h4>
            <div class="row">
                <div class="col-md-6">
                    <figure class="figure">
                        <img src="{{ asset('frontend/img/gubernur.jpeg') }}" class="figure-img img-fluid rounded" alt="img" width="520px" height="auto">
                    </figure>
                </div>
                <div class="col-md-6">
                    <p class="text-justify ms-0 ps-0">
                        {{ substr($berita->konten,0,800) }}
                    </p>
                </div>
            </div>
            <p class="text-justify">
                {{ substr($berita->konten,801) }}
            </p>
        </div>
    </section>
@endsection