@extends('layouts.frontend')
@section('content')
<!-- Just an image -->
<nav class="navbar navbar-light bg-lighth">
    <a class="navbar-brand" href="{{route('home')}}">
        <img src="{{asset('img')}}/sakti-main.webp" style="width:45%; height:auto" alt="">
    </a>
</nav>
    <section id="product" class="white" style="margin-bottom:80px">
     <div class="container">
        <div class="row">
            <div class="articel-header">
                <h1 class="text-header">{{$artikel->judul}}</h1>
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-6 ">
                        <span class="kategori-berita">SKK INFO</span>
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <span class="tgl" title="{{$artikel->created_at}}">{{$artikel->created_at->diffForHumans()}}</span>
                    </div>
                </div>
            </div>
                <picture class="gambar">
                <img src="{{asset('images/'.$artikel->gambar)}}" alt="IMAGE {{$artikel->judul}}" class="responsive" style="width:100%; padding:10px; ">
                </picture>
                <article class="article-text">
                    <article class="deskripsi"></article>
                </article>
        </div>
     </div>
 </section>
@endsection