source: resources/views/blog/tag.blade.php

@extends('layouts.blog')
@section('title')
{{ $tag . " | Technoblog" }}
@endsection
@section('blog_content')

        <div class="mainContent">
                <div class="container-fluid p-4">

                        <div class="row">

                                <div class="col-md-12">

                                        <style>
                                                .default_sectionTitle_{{ $tag }}:before,
                                                .default_sectionTitle_{{ $tag }} span,
                                                .default_sectionTitle_{{ $tag }} a {
                                                        background: #34c27b;
                                                        color: #34c27b;
                                                }
                                        </style>

                                        <header class="default_sectionTitle default_sectionTitle_{{ $tag }}"><span>Tag / {{ ucfirst($tag) }}</span></header>
                                </div>

                                @for ($i = 0; $i < count($posts); $i++)

                                        @if (count($posts) > 2)
                                                @if ($i < 2) @php $strLimit = 200; $class = "col-md-6"; @endphp
                                                @else @php $strLimit = 90; $class = "col-md-4"; @endphp @endif
                                        @else @php $strLimit = 90; $class = "col-md-4"; @endphp @endif

                                        <div class="{{ $class }} mb-4 post-item">
                                                <div class="card">
                                                        <div class="card-img-top-wrapper">
                                                                <img class="card-img-top" src="/uploads/{{ $posts[$i]->image_link }}" alt="Card image cap">
                                                        </div>
                                                        <div class="card-body">
                                                                <h5 class="card-title">
                                                                        <a href="/category/{{ strtolower($posts[$i]->category->name) }}/{{ $posts[$i]->slug }}">{{ $posts[$i]->title }}</a>
                                                                </h5>
                                                                <p class="card-text">{!! str_limit($posts[$i]->content, $strLimit) !!}</p>
                                                        </div>
                                                        <div class="card-footer">
                                                                <small class="text-muted">{{ $posts[$i]->ago() }}</small>
                                                        </div>
                                                </div>
                                        </div>
                                @endfor

                                <div class="col-md-12 mt-4 mb-5">
                                        {{ $posts->links() }}
                                </div>

                        </div>

                </div>

        </div>

@endsection