@extends('frontend.layouts.app')  
@section('content')


    <!--inner banner start-->
    <div class="innerBanner Loader">
        <img class="modify-img "
         data-image-small="{{ asset('frontend/assets/images/About/blog.jpg') }}" 
        data-image-large="{{ asset('frontend/assets/images/About/blog.jpg') }}"
            data-image-standard="{{ asset('frontend/assets/images/About/blog.jpg') }}"alt="">
        <!--1366x400-->

        <div class="container">
            <div class="row">
                <h1 class="anim "><span><span>Blog</span></span>
                </h1>
            </div>
        </div>
    </div>

    <!--inner banner end-->


   <!------------------Blog --------------->

<section class="blog pb100 pt100">
    <div class="container">
        

        <div class="row">
            <!-- Blog Card 1 -->
            <div class="col-md-4 col-sm-6 mb-4">
                <div class="card h-100 shadow-sm border-0">
                    <img src="{{ asset('frontend/assets/images/blog_main_image-1549508472.jpg') }}" class="card-img-top" alt="Blog Image">
                    <div class="card-body">
                        <p class="text-muted">28 June 2023</p>
                        <h5 class="card-title">How to Keep Your Painted Furniture Looking Beautiful for Years</h5>
                        <a href="#" class="btn btn-warning text-dark mt-3 w-100">Explore</a>
                    </div>
                </div>
            </div>

            <!-- Blog Card 2 -->
            <div class="col-md-4 col-sm-6 mb-4">
                <div class="card h-100 shadow-sm border-0">
                    <img src="{{ asset('frontend/assets/images/blog_main_image-673667602.jpg') }}" class="card-img-top" alt="Blog Image">
                    <div class="card-body">
                        <p class="text-muted">30 September 2024</p>
                        <h5 class="card-title">Celebrating Eid ul-Adha: A Time of Gratitude and Giving with Hikma Property</h5>
                        <a href="#" class="btn btn-warning text-dark mt-3 w-100">Explore</a>
                    </div>
                </div>
            </div>

            <!-- Blog Card 3 -->
            <div class="col-md-4 col-sm-6 mb-4">
                <div class="card h-100 shadow-sm border-0">
                    <img src="{{ asset('frontend/assets/images/blog_main_image-549384713.jpg') }}" class="card-img-top" alt="Blog Image">
                    <div class="card-body">
                        <p class="text-muted">30 September 2024</p>
                        <h5 class="card-title">Transform Your Space: Elevate Your Home's Style with Stunning Flooring Choices!</h5>
                        <a href="#" class="btn btn-warning text-dark mt-3 w-100">Explore</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

    <!-- Content Wrapper Start -->

@endsection