@extends('layouts.frontend')
@section('content')
<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>
<div class="container feature-area" id="fitur">
    <div class="col title-block">
      <h3 class="text-center section-tittle">Artikel</h3>
      <div class="border rounded marker"></div>
    </div>
    <div class="row">
      @foreach ($artikel as $item)
      <div class="col-md-4" style="margin-bottom:80px">
          <div class="card">
          <img src="{{'images'}}/{{$item->gambar}}" alt="" style="width:100%; height:auto">
              <div class="card-body">
              <span class="kategori">INFO SKK</span>
                  <a href="{{route('showartikel',['id' => $item->id])}}" class="link">
                   <h4 class="max-line">{{$item->judul}}</h4>
                  </a>
              </div>
          </div>
      </div>
      @endforeach
    </div>
    <div class="pagin">
        {{$artikel->links()}}
    </div>
</div>
@endsection