@extends('layouts.layout5')
@php
    $title = 'blog grid 03';
    $subtitle = 'Our blog';
@endphp
@section('title', 'Blog Grid 03 || 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-lg-6">
                        <div class="blog-card-three wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='00ms'>
                            <div class="blog-card-three__image">
                                <img src="{{ asset("/assets/images/blog/blog-3-4.jpg") }}" alt="10 Simple Practices that Will Help You Get 1%">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-three__image__link"><span class="sr-only">10 Simple Practices that Will Help You Get 1%</span></a>
                                <div class="blog-card-three__date">
                                    <span class="blog-card-three__date__day">26</span>
                                    <span class="blog-card-three__date__month">August</span>
                                </div><!-- /.blog-card-three__date -->
                            </div><!-- /.blog-card-three__image -->
                            <div class="blog-card-three__content">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-three__comment">
                                    <span class="blog-card-three__comment__icon"><i class="icon-bubble-chat"></i></span>
                                    2 Comment
                                </a>
                                <h3 class="blog-card-three__title"><a href="{{ url("blog-details-right") }}">10 Simple Practices that Will Help You Get 1%</a></h3><!-- /.blog-card-three__title -->
                                <div class="blog-card-three__admin">
                                    <img src="{{ asset("/assets/images/blog/blog-admin-3-1.png") }}" alt="Jerome Bell" class="blog-card-three__admin__image">
                                    <div class="blog-card-three__admin__content">
                                        <h3 class="blog-card-three__admin__name"><a href="{{ url("blog-details-right") }}">Jerome Bell</a></h3>
                                        <p class="blog-card-three__admin__designation">Admin</p>
                                    </div><!-- /.blog-card-three__admin__content -->
                                </div><!-- /.blog-card-three__admin -->
                            </div><!-- /.blog-card-three__content -->
                        </div><!-- /.blog-card-three -->
                    </div><!-- /.col-lg-6 -->
                    <div class="col-lg-6">
                        <div class="blog-card-three wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                            <div class="blog-card-three__image">
                                <img src="{{ asset("/assets/images/blog/blog-3-5.jpg") }}" alt="Today Health insurance Blog off Deductible">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-three__image__link"><span class="sr-only">Today Health insurance Blog off Deductible</span></a>
                                <div class="blog-card-three__date">
                                    <span class="blog-card-three__date__day">10</span>
                                    <span class="blog-card-three__date__month">July</span>
                                </div><!-- /.blog-card-three__date -->
                            </div><!-- /.blog-card-three__image -->
                            <div class="blog-card-three__content">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-three__comment">
                                    <span class="blog-card-three__comment__icon"><i class="icon-bubble-chat"></i></span>
                                    2 Comment
                                </a>
                                <h3 class="blog-card-three__title"><a href="{{ url("blog-details-right") }}">Today Health insurance Blog off Deductible</a></h3><!-- /.blog-card-three__title -->
                                <div class="blog-card-three__admin">
                                    <img src="{{ asset("/assets/images/blog/blog-admin-3-2.png") }}" alt="Bessie Cooper" class="blog-card-three__admin__image">
                                    <div class="blog-card-three__admin__content">
                                        <h3 class="blog-card-three__admin__name"><a href="{{ url("blog-details-right") }}">Bessie Cooper</a></h3>
                                        <p class="blog-card-three__admin__designation">Admin</p>
                                    </div><!-- /.blog-card-three__admin__content -->
                                </div><!-- /.blog-card-three__admin -->
                            </div><!-- /.blog-card-three__content -->
                        </div><!-- /.blog-card-three -->
                    </div><!-- /.col-lg-6 -->
                    <div class="col-lg-6">
                        <div class="blog-card-three wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                            <div class="blog-card-three__image">
                                <img src="{{ asset("/assets/images/blog/blog-3-6.jpg") }}" alt="Nail jelly to the hothouse wall pixel pushing">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-three__image__link"><span class="sr-only">Nail jelly to the hothouse wall pixel pushing</span></a>
                                <div class="blog-card-three__date">
                                    <span class="blog-card-three__date__day">28</span>
                                    <span class="blog-card-three__date__month">June</span>
                                </div><!-- /.blog-card-three__date -->
                            </div><!-- /.blog-card-three__image -->
                            <div class="blog-card-three__content">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-three__comment">
                                    <span class="blog-card-three__comment__icon"><i class="icon-bubble-chat"></i></span>
                                    2 Comment
                                </a>
                                <h3 class="blog-card-three__title"><a href="{{ url("blog-details-right") }}">Nail jelly to the hothouse wall pixel pushing</a></h3><!-- /.blog-card-three__title -->
                                <div class="blog-card-three__admin">
                                    <img src="{{ asset("/assets/images/blog/blog-admin-3-3.png") }}" alt="Jenny Wilson" class="blog-card-three__admin__image">
                                    <div class="blog-card-three__admin__content">
                                        <h3 class="blog-card-three__admin__name"><a href="{{ url("blog-details-right") }}">Jenny Wilson</a></h3>
                                        <p class="blog-card-three__admin__designation">Admin</p>
                                    </div><!-- /.blog-card-three__admin__content -->
                                </div><!-- /.blog-card-three__admin -->
                            </div><!-- /.blog-card-three__content -->
                        </div><!-- /.blog-card-three -->
                    </div><!-- /.col-lg-6 -->
                    <div class="col-lg-6">
                        <div class="blog-card-three wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                            <div class="blog-card-three__image">
                                <img src="{{ asset("/assets/images/blog/blog-3-7.jpg") }}" alt="My Capacity Is Full We're Building The Plane">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-three__image__link"><span class="sr-only">My Capacity Is Full We're Building The Plane</span></a>
                                <div class="blog-card-three__date">
                                    <span class="blog-card-three__date__day">09</span>
                                    <span class="blog-card-three__date__month">March</span>
                                </div><!-- /.blog-card-three__date -->
                            </div><!-- /.blog-card-three__image -->
                            <div class="blog-card-three__content">
                                <a href="{{ url("blog-details-right") }}" class="blog-card-three__comment">
                                    <span class="blog-card-three__comment__icon"><i class="icon-bubble-chat"></i></span>
                                    2 Comment
                                </a>
                                <h3 class="blog-card-three__title"><a href="{{ url("blog-details-right") }}">My Capacity Is Full We're Building The Plane</a></h3><!-- /.blog-card-three__title -->
                                <div class="blog-card-three__admin">
                                    <img src="{{ asset("/assets/images/blog/blog-admin-3-4.png") }}" alt="Darlene Robertson" class="blog-card-three__admin__image">
                                    <div class="blog-card-three__admin__content">
                                        <h3 class="blog-card-three__admin__name"><a href="{{ url("blog-details-right") }}">Darlene Robertson</a></h3>
                                        <p class="blog-card-three__admin__designation">Admin</p>
                                    </div><!-- /.blog-card-three__admin__content -->
                                </div><!-- /.blog-card-three__admin -->
                            </div><!-- /.blog-card-three__content -->
                        </div><!-- /.blog-card-three -->
                    </div><!-- /.col-lg-6 -->
                    <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 gutter-y-30 -->
            </div><!-- /.container -->
        </section><!-- /.blog-page section-space  -->

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