pixelfed/pixelfed

@extends('site.news.partial.layout')

@section('body')
<div class="container">
    <div class="row px-3">
        @foreach($posts->slice(0,1) as $post)
        <div class="col-12 bg-light d-flex justify-content-center align-items-center mt-2 mb-4" style="height:300px;">
            <div class="mx-5">
                <p class="small text-danger mb-0 text-uppercase">{{$post->category}}</p>
                <p class="small text-muted">{{$post->published_at->format('F d, Y')}}</p>
                <p class="h1" style="font-size: 2.6rem;font-weight: 700;"><a class="text-dark text-decoration-none" href="{{$post->permalink()}}">{{$post->title}}</a></p>
            </div>
        </div>
        @endforeach
        @foreach($posts->slice(1) as $post)
        <div class="col-6 bg-light d-flex justify-content-center align-items-center mt-3 px-5" style="height:300px;">
            <div class="mx-0">
                <p class="small text-danger mb-0 text-uppercase">{{$post->category}}</p>
                <p class="small text-muted">{{$post->published_at->format('F d, Y')}}</p>
                <p class="h1" style="font-size: 2rem;font-weight: 700;"><a class="text-dark text-decoration-none" href="{{$post->permalink()}}">{{$post->title}}</a></p>
            </div>
        </div>
        @endforeach
    </div>
</div>
@endsection