{% extends 'theme.html.twig' %}

{% block title %} Air Cargo and Freight Services - {{ parent() }} {% endblock %}

{% block body %}


<div class="dilevars-page-title d-flex align-items-center  header-layout-2 title-align-center title-color-white">
    <div class="dilevars-page-title-layer container">
        <div class="row">
            <div class="col-md-12">            
                <h1 class="page-title">
                    Blog Grid                </h1>
                                    <div class="page-breadcrumbs">
                    <div class="breadcrumb"><a href="#">Home</a> > <span class="current">Blog Grid</span></div>                    </div>
                                </div>                
        </div>
    </div>
</div>
    <div id="content" class="site-content"><div class="container">
    <div class="row"> 
        <div id="primary" class="content-area col-sm-12 col-md-12 col-lg-12 col-xl-12">
            <main id="main" class="site-main">
            
<article id="post-1711" class="post-1711 page type-page status-publish hentry without-image">
    <header class="entry-header">
        <h1 class="entry-title">Blog Grid</h1>    </header><!-- .entry-header -->

    
    <div class="entry-content">
                <div data-elementor-type="wp-page" data-elementor-id="1711" class="elementor elementor-1711">
                        <div class="elementor-inner">
                <div class="elementor-section-wrap">
                                    <section class="elementor-section elementor-top-section elementor-element elementor-element-58df2a1 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default cd-bg-color-transparent" data-id="58df2a1" data-element_type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;}">
                        <div class="elementor-container elementor-column-gap-default">
                            <div class="elementor-row">
                    <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-24da4da cd-bg-color-transparent" data-id="24da4da" data-element_type="column">
            <div class="elementor-column-wrap elementor-element-populated">
                            <div class="elementor-widget-wrap">
                        <div class="elementor-element elementor-element-a9d1b7a elementor-widget elementor-widget-dilevars-blog" data-id="a9d1b7a" data-element_type="widget" data-widget_type="dilevars-blog.default">
                <div class="elementor-widget-container">
                    <div class="dilevars_blog_wrapper dilevars-blog-1122381994 blog-style-2 blog-layout-grid">
            <div class="row">

            {% for blog in blogs %}
            <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
            <div class="dilevars-post-slide">
    <div class="dilevars-post-wrapper">                
        <div class="dilevars-post-thumbnail-wrapper">
                        <div class="dilevars-post-image-container">
                            <a href="{{ path('app_home_blog_details', {'id': blog.id, 'slug': blog.slug}) }}">
                                    <img decoding="async" class="post-image" src="{{ asset('/public/uploads/bloglistimage/' ~ blog.listImage) }}" alt="{{ blog.title }}">
                            </a>

                        </div>
            <div class="dilevars-post-date">
                <span>{{ blog.publishDate|date('d') }}</span>
                <span class="dilevars-post-date-month">{{ blog.publishDate|date("F, Y") }}</span>
            </div>            
        </div> 
        <div class="dilevars-post-content-area">    
            <div class="dilevars-post-title">
                <h3 class="post-title">
                    <a href="{{ path('app_home_blog_details', {'id': blog.id, 'slug': blog.slug}) }}">{{ blog.title }}</a>
                </h3>
            </div>
            <div class="dilevars-post-meta">
                <div class="dilevars-post-meta-inner">
                    <div class="post-meta-item post-author">                    
                        <a href="{{ path('app_home_blog_details', {'id': blog.id, 'slug': blog.slug}) }}" title="Posted by admin" rel="author"><i class="fas fa-user"></i> by admin</a>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    </div>        </div>

        {% else %}

        No records found

        {% endfor %}

        </div>
        </div>
                </div>
                </div>
                        </div>
                    </div>
        </div>
                                </div>
                    </div>
        </section>
                                    </div>
            </div>
                    </div>
            </div><!-- .entry-content -->

    </article><!-- #post-1711 -->
            </main><!-- #main -->
        </div><!-- #primary -->
            </div>
</div>
    </div><!-- #content -->
    

{% endblock %}