@extends('front.layout.app')
<title>{{ $title ?? 'Blog' }}</title>
@section('content')


    <main>

        <!-- Banner -->
        <section class="banner innerBanner">
            <div class="container">
                <div class="banner__content">
                    <div class="row">
                        <div class="col-lg-6">
                            <h1>Blog</h1>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="galleryInner blogInner">
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <div class="blogs-card" data-aos="fade-up">
                            <figure>
                                <img src="{{asset('assets/images/blog1.png')}}" alt="image" class="img-fluid">
                                <span class="date">8 Aug 2024</span>
                            </figure>
                            <div class="blog-card__content">
                                <h4 class="title">Things to know choosing a blasting service.</h4>
                                <p>Domestic / Sweeping</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="blogs-card" data-aos="fade-up">
                            <figure>
                                <img src="{{asset('assets/images/blog2.png')}}" alt="image" class="img-fluid">
                                <span class="date">8 Aug 2024</span>
                            </figure>
                            <div class="blog-card__content">
                                <h4 class="title">Step by step guide to clean
                                    your carpets.</h4>
                                <p>Cleaner / Sweeping</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="blogs-card" data-aos="fade-up">
                            <figure>
                                <img src="{{asset('assets/images/blog1.png')}}" alt="image" class="img-fluid">
                                <span class="date">8 Aug 2024</span>
                            </figure>
                            <div class="blog-card__content">
                                <h4 class="title">How You Typically Do Your
                                    Blasting Process</h4>
                                <p>Custodian / Furniture</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="blogs-card" data-aos="fade-up">
                            <figure>
                                <img src="{{asset('assets/images/blog2.png')}}" alt="image" class="img-fluid">
                                <span class="date">8 Aug 2024</span>
                            </figure>
                            <div class="blog-card__content">
                                <h4 class="title">How You Typically Do Your
                                    Blasting Process</h4>
                                <p>Custodian / Furniture</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="blogs-card" data-aos="fade-up">
                            <figure>
                                <img src="{{asset('assets/images/blog1.png')}}" alt="image" class="img-fluid">
                                <span class="date">8 Aug 2024</span>
                            </figure>
                            <div class="blog-card__content">
                                <h4 class="title">Step by step guide to clean
                                    your carpets.</h4>
                                <p>Cleaner / Sweeping</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="blogs-card" data-aos="fade-up">
                            <figure>
                                <img src="{{asset('assets/images/blog2.png')}}" alt="image" class="img-fluid">
                                <span class="date">8 Aug 2024</span>
                            </figure>
                            <div class="blog-card__content">
                                <h4 class="title">Things to know choosing a blasting service.</h4>
                                <p>Domestic / Sweeping</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </main>

    @endsection