35 lines
2.2 KiB
PHP
35 lines
2.2 KiB
PHP
@extends('layouts.app')
|
|
@section('landingTitle', 'KlinikSapi.Go | Blog Informasi')
|
|
@section('content')
|
|
<section class="bg-white dark:bg-gray-900 pt-20">
|
|
<div class="py-8 px-4 mx-auto max-w-screen-xl text-center lg:py-16">
|
|
<h1 class="mb-4 text-4xl font-extrabold tracking-tight leading-none text-gray-900 md:text-4xl lg:text-5xl dark:text-white">Blog KlinikSapi.<span class="text-blue-700">Go</span></h1>
|
|
<p class="text-lg font-normal text-gray-500 lg:text-xl sm:px-16 lg:px-48 dark:text-gray-400">Selamat datang di Blog KlinikSapi.Go, sumber terpercaya Anda untuk informasi kesehatan sapi.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="flex flex-wrap gap-10 px-28 pb-20">
|
|
<div class="grid grid-cols-3 gap-4 justify-between">
|
|
@foreach ($informasi as $item)
|
|
<div class="max-w-sm bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700 mb-5">
|
|
<a href="#">
|
|
<img class="rounded-t-lg" src="{{ asset('assets/images/informasi/'.$item->gambar) }}" alt="{{ $item->judul }}" />
|
|
</a>
|
|
<div class="p-5">
|
|
<a href="#">
|
|
<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">{!! Str::words($item->judul, 6, '...') !!}</h5>
|
|
</a>
|
|
<p class="mb-3 font-normal text-gray-700 dark:text-gray-400 ">{!! Str::words($item->artikel, 30, '...') !!}</p>
|
|
<a href="{{ route('artikel.detail', $item->slug) }}" class="inline-flex items-center px-3 py-2 mt-4 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
|
|
Baca selengkapnya
|
|
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
|
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</section>
|
|
@endsection
|