@extends('layout')
@section('content')
 
<div class="container container-flex">
    <main role="main">
        
        <article class="article-featured">
            <img src="img/life.jpg" alt="simple white desk on a white wall with a plant on the far right side" class="article-image">
        </article>
        @foreach($data as $blog)
        <article class="article-recent">
            <div class="article-recent-main">
               
                <h2 class="article-title">{{$blog->title}}</h2>
                <p class="article-body">{{$blog->description}}</p>
                <a href="/show/{{$blog->id}}" class="article-read-more">CONTINUE READING</a>
            </div>
            <div class="article-recent-secondary">
                <img src="img/food.jpg" alt="two dumplings on a wood plate with chopsticks" class="article-image">
                <p class="article-info">{{$blog->posted_at}}</p>
            </div>
        </article>
        
       
@endforeach
@endsection