@extends('layout.master.master')
@section('content')
<div class="page-wrapper">
    <div class="content">
        <div class="content-page-header content-page-headersplit">
            <h5>All Blog</h5>
            <div class="list-btn">
                <ul>
                    <li>
                        <a class="btn-filters active" href="all-blog.html"><i class="fe fe-list"></i> </a>
                    </li>
                    <li>
                        <a class="btn btn-primary" href="/createBlog"><i class="fa fa-plus me-2"></i>Add Blog </a>
                    </li>
                </ul>
            </div>
        </div> 
        <div class="row">
            <div class="col-lg-4 col-sm-6 col-12">
                <div class="blog grid-blog">
                    <div class="blog-image">
                        <a href="#">
                            <img class="img-fluid serv-img" alt="Service Image"
                                src="{{asset('assets/img/services/service-04.jpg')}}">
                        </a>
                        <div class="fav-item">
                            <div class="item-info">
                                <a href="#"><span>Car Wash</span></a>
                            </div>
                            <span class="serv-rating"><i class="fa-solid fa-star"></i> 4.9</span>
                        </div>
                    </div>
                    <div class="blog-content">
                        <div class="blog-widget-image">
                            <a href="javascript:void(0);" class="table-profileimage">
                                <img src="{{asset('assets/img/customer/user-06.jpg')}}" class="me-2" alt="img">
                                <span>Robert</span>
                            </a>
                            <h6><img src="{{asset('assets/img/icons/calendar.svg')}}" alt="img">28 Sep 2023</h6>
                        </div>
                        <h3 class="title">
                            <a href="#">How To Find The Right Painting Service For
                                Your Home?</a>
                        </h3>
                        <p>Sed perspiciatis unde omnis natus error laudantium, totam rem aperiam...</p>
                        <div class="blog-info">
                            <div class="action-search">
                                <a href="#" class="serv-edit"><i class="fe fe-edit"></i> Edit</a>
                                <a href="javascript:void(0);"><i class="fe fe-trash-2"></i> Delete</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-sm-6 col-12">
                <div class="blog grid-blog">
                    <div class="blog-image">
                        <a href="#">
                            <img class="img-fluid serv-img" alt="Service Image"
                                src="{{asset('assets/img/services/service-01.jpg')}}">
                        </a>
                        <div class="fav-item">
                            <div class="item-info">
                                <a href="#"><span>Construction</span></a>
                            </div>
                            <span class="serv-rating"><i class="fa-solid fa-star"></i> 4.5</span>
                        </div>
                    </div>
                    <div class="blog-content">
                        <div class="blog-widget-image">
                            <a href="javascript:void(0);" class="table-profileimage">
                                <img src="{{asset('assets/img/customer/user-01.jpg')}}" class="me-2" alt="img">
                                <span>John</span>
                            </a>
                            <h6><img src="{{asset('assets/img/icons/calendar.svg')}}" alt="img">28 Sep 2023</h6>
                        </div>
                        <h3 class="title">
                            <a href="#">How To Find The Right Painting Service For
                                Your Home?</a>
                        </h3>
                        <p>Sed perspiciatis unde omnis natus error laudantium, totam rem aperiam...</p>
                        <div class="blog-info">
                            <div class="action-search">
                                <a href="#" class="serv-edit"><i class="fe fe-edit"></i> Edit</a>
                                <a href="javascript:void(0);"><i class="fe fe-trash-2"></i> Delete</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-sm-6 col-12">
                <div class="blog grid-blog">
                    <div class="blog-image">
                        <a href="#">
                            <img class="img-fluid serv-img" alt="Service Image"
                                src="{{asset('assets/img/services/service-03.jpg')}}">
                        </a>
                        <div class="fav-item">
                            <div class="item-info">
                                <a href="#"><span>Electrical</span></a>
                            </div>
                            <span class="serv-rating"><i class="fa-solid fa-star"></i> 4.0</span>
                        </div>
                    </div>
                    <div class="blog-content">
                        <div class="blog-widget-image">
                            <a href="javascript:void(0);" class="table-profileimage">
                                <img src="{{asset('assets/img/customer/user-07.jpg')}}" class="me-2" alt="img">
                                <span>James</span>
                            </a>
                            <h6><img src="{{asset('assets/img/icons/calendar.svg')}}" alt="img">28 Sep 2023</h6>
                        </div>
                        <h3 class="title">
                            <a href="#">How To Find The Right Painting Service For
                                Your Home?</a>
                        </h3>
                        <p>Sed perspiciatis unde omnis natus error laudantium, totam rem aperiam...</p>
                        <div class="blog-info">
                            <div class="action-search">
                                <a href="#" class="serv-edit"><i class="fe fe-edit"></i> Edit</a>
                                <a href="javascript:void(0);"><i class="fe fe-trash-2"></i> Delete</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection