@extends('layouts.layout5')
@php
    $title = 'blog grid 04';
    $subtitle = 'Our blog';
@endphp
@section('title', 'Blog Grid 04 || Transwide || Professional Transportation & Logistics Laravel Template')
@section('content')

        <section class="blog-page section-space">
            <div class="container">
                <div class="row gutter-y-30">
                    <div class="col-md-6 col-lg-4">
                        <div class="blog-card-four wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='00ms'>
                            <div class="blog-card-four__content">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__comment">
                                    <span class="blog-card-four__comment__icon"><i class="icon-bubble-chat"></i></span>
                                    2 Comment
                                </a>
                                <h3 class="blog-card-four__title"><a href="{{ url("blog-details-right") }}">10 Simple Practices that Will Help You Get 1%</a></h3><!-- /.blog-card-four__title -->
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__btn">
                                    Read More
                                    <span class="blog-card-four__btn__border"></span>
                                    <span class="blog-card-four__btn__icon">
                                        <i class="icon-right-arrow"></i>
                                    </span>
                                </a><!-- /.blog-card-four__btn -->
                            </div><!-- /.blog-card-four__content -->
                            <div class="blog-card-four__image">
                                <img src="{{ asset("/assets/images/blog/blog-4-1.jpg") }}" alt="10 Simple Practices that Will Help You Get 1%">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__image__link"><span class="sr-only">10 Simple Practices that Will Help You Get 1%</span></a>
                                <div class="blog-card-four__date">
                                    <span class="blog-card-four__date__day">26</span>
                                    <span class="blog-card-four__date__month">August</span>
                                </div><!-- /.blog-card-four__date -->
                            </div><!-- /.blog-card-four__image -->
                        </div><!-- /.blog-card-four -->
                    </div><!-- /.col-md-6 col-lg-4 -->
                    <div class="col-md-6 col-lg-4">
                        <div class="blog-card-four wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                            <div class="blog-card-four__content">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__comment">
                                    <span class="blog-card-four__comment__icon"><i class="icon-bubble-chat"></i></span>
                                    2 Comment
                                </a>
                                <h3 class="blog-card-four__title"><a href="{{ url("blog-details-right") }}">Today Health insurance Blog off Deductible</a></h3><!-- /.blog-card-four__title -->
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__btn">
                                    Read More
                                    <span class="blog-card-four__btn__border"></span>
                                    <span class="blog-card-four__btn__icon">
                                        <i class="icon-right-arrow"></i>
                                    </span>
                                </a><!-- /.blog-card-four__btn -->
                            </div><!-- /.blog-card-four__content -->
                            <div class="blog-card-four__image">
                                <img src="{{ asset("/assets/images/blog/blog-4-2.jpg") }}" alt="Today Health insurance Blog off Deductible">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__image__link"><span class="sr-only">Today Health insurance Blog off Deductible</span></a>
                                <div class="blog-card-four__date">
                                    <span class="blog-card-four__date__day">10</span>
                                    <span class="blog-card-four__date__month">July</span>
                                </div><!-- /.blog-card-four__date -->
                            </div><!-- /.blog-card-four__image -->
                        </div><!-- /.blog-card-four -->
                    </div><!-- /.col-md-6 col-lg-4 -->
                    <div class="col-md-6 col-lg-4">
                        <div class="blog-card-four wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='200ms'>
                            <div class="blog-card-four__content">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__comment">
                                    <span class="blog-card-four__comment__icon"><i class="icon-bubble-chat"></i></span>
                                    2 Comment
                                </a>
                                <h3 class="blog-card-four__title"><a href="{{ url("blog-details-right") }}">Nail jelly to the hothouse wall pixel pushing</a></h3><!-- /.blog-card-four__title -->
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__btn">
                                    Read More
                                    <span class="blog-card-four__btn__border"></span>
                                    <span class="blog-card-four__btn__icon">
                                        <i class="icon-right-arrow"></i>
                                    </span>
                                </a><!-- /.blog-card-four__btn -->
                            </div><!-- /.blog-card-four__content -->
                            <div class="blog-card-four__image">
                                <img src="{{ asset("/assets/images/blog/blog-4-3.jpg") }}" alt="Nail jelly to the hothouse wall pixel pushing">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__image__link"><span class="sr-only">Nail jelly to the hothouse wall pixel pushing</span></a>
                                <div class="blog-card-four__date">
                                    <span class="blog-card-four__date__day">28</span>
                                    <span class="blog-card-four__date__month">June</span>
                                </div><!-- /.blog-card-four__date -->
                            </div><!-- /.blog-card-four__image -->
                        </div><!-- /.blog-card-four -->
                    </div><!-- /.col-md-6 col-lg-4 -->
                    <div class="col-md-6 col-lg-4">
                        <div class="blog-card-four wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='00ms'>
                            <div class="blog-card-four__content">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__comment">
                                    <span class="blog-card-four__comment__icon"><i class="icon-bubble-chat"></i></span>
                                    2 Comment
                                </a>
                                <h3 class="blog-card-four__title"><a href="{{ url("blog-details-right") }}">My Capacity Is Full We're Building The Plane</a></h3><!-- /.blog-card-four__title -->
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__btn">
                                    Read More
                                    <span class="blog-card-four__btn__border"></span>
                                    <span class="blog-card-four__btn__icon">
                                        <i class="icon-right-arrow"></i>
                                    </span>
                                </a><!-- /.blog-card-four__btn -->
                            </div><!-- /.blog-card-four__content -->
                            <div class="blog-card-four__image">
                                <img src="{{ asset("/assets/images/blog/blog-4-4.jpg") }}" alt="My Capacity Is Full We're Building The Plane">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__image__link"><span class="sr-only">My Capacity Is Full We're Building The Plane</span></a>
                                <div class="blog-card-four__date">
                                    <span class="blog-card-four__date__day">09</span>
                                    <span class="blog-card-four__date__month">March</span>
                                </div><!-- /.blog-card-four__date -->
                            </div><!-- /.blog-card-four__image -->
                        </div><!-- /.blog-card-four -->
                    </div><!-- /.col-md-6 col-lg-4 -->
                    <div class="col-md-6 col-lg-4">
                        <div class="blog-card-four wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                            <div class="blog-card-four__content">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__comment">
                                    <span class="blog-card-four__comment__icon"><i class="icon-bubble-chat"></i></span>
                                    2 Comment
                                </a>
                                <h3 class="blog-card-four__title"><a href="{{ url("blog-details-right") }}">Big data are there any leftovers in the kitchen</a></h3><!-- /.blog-card-four__title -->
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__btn">
                                    Read More
                                    <span class="blog-card-four__btn__border"></span>
                                    <span class="blog-card-four__btn__icon">
                                        <i class="icon-right-arrow"></i>
                                    </span>
                                </a><!-- /.blog-card-four__btn -->
                            </div><!-- /.blog-card-four__content -->
                            <div class="blog-card-four__image">
                                <img src="{{ asset("/assets/images/blog/blog-4-5.jpg") }}" alt="Big data are there any leftovers in the kitchen">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__image__link"><span class="sr-only">Big data are there any leftovers in the kitchen</span></a>
                                <div class="blog-card-four__date">
                                    <span class="blog-card-four__date__day">01</span>
                                    <span class="blog-card-four__date__month">April</span>
                                </div><!-- /.blog-card-four__date -->
                            </div><!-- /.blog-card-four__image -->
                        </div><!-- /.blog-card-four -->
                    </div><!-- /.col-md-6 col-lg-4 -->
                    <div class="col-md-6 col-lg-4">
                        <div class="blog-card-four wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='200ms'>
                            <div class="blog-card-four__content">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__comment">
                                    <span class="blog-card-four__comment__icon"><i class="icon-bubble-chat"></i></span>
                                    2 Comment
                                </a>
                                <h3 class="blog-card-four__title"><a href="{{ url("blog-details-right") }}">Circle Back, If You Want To Motivate These</a></h3><!-- /.blog-card-four__title -->
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__btn">
                                    Read More
                                    <span class="blog-card-four__btn__border"></span>
                                    <span class="blog-card-four__btn__icon">
                                        <i class="icon-right-arrow"></i>
                                    </span>
                                </a><!-- /.blog-card-four__btn -->
                            </div><!-- /.blog-card-four__content -->
                            <div class="blog-card-four__image">
                                <img src="{{ asset("/assets/images/blog/blog-4-6.jpg") }}" alt="Circle Back, If You Want To Motivate These">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-four__image__link"><span class="sr-only">Circle Back, If You Want To Motivate These</span></a>
                                <div class="blog-card-four__date">
                                    <span class="blog-card-four__date__day">21</span>
                                    <span class="blog-card-four__date__month">May</span>
                                </div><!-- /.blog-card-four__date -->
                            </div><!-- /.blog-card-four__image -->
                        </div><!-- /.blog-card-four -->
                    </div><!-- /.col-md-6 col-lg-4 -->
                    <div class="col-12">
                        <ul class="post-pagination wow fadeInUp" data-wow-duration="1500ms">
                            <li>
                                <a href="{{ url("#") }}">
                                    <span class="post-pagination__icon">
                                        <i class="fas fa-chevron-left"></i>
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="{{ url("#") }}">01</a>
                            </li>
                            <li>
                                <a href="{{ url("#") }}">02</a>
                            </li>
                            <li class="active">
                                <a href="{{ url("#") }}">
                                    <span class="post-pagination__icon post-pagination__icon--right">
                                        <i class="fas fa-chevron-right"></i>
                                    </span>
                                </a>
                            </li>
                        </ul><!-- /.post-pagination -->
                    </div><!-- /.col-12 -->
                </div><!-- /.row -->
            </div><!-- /.container -->
        </section><!-- /.blog-page section-space  -->

    <x-footer />
    <x-mobileMenu />
    <x-searchPopup />
    <x-scroll-to-top />
@endsection