@extends('layouts.main')
@section('main-section')
<div class="widget-banner-car-listing banner-car-listing-list">
    <div class="themesflat-container full">
        <div class="banner-car-listing">
            <span class="sub-title">Service</span>
            <h1 class="title text-white">Service / <span class="text-red" >Home</span></h1>
        </div>
    </div>
</div>
<div class="widget-blog-v2-h4">
    <div class="themesflat-container">
        <div class="blog-v2">
            <div class="row">
                @foreach($service as $services)
                <div class="col-md-4">
                    <article class="widget-blog bl-v1">
                        <div class="feature-post">
                            <a href="/service">
                                <img src="{{asset('/public/uploads/post/'.$services->image)}}" style="    height: 270px;border-radius: 20px;" alt="image">
                            </a>
                        </div><!-- /.feature-post -->
                        <div class="main-post">
                            <h2 class="entry-title">
                                <a href="/service">{{$services->name}}</a>
                            </h2>
                            <p class="entry-des">{{$services->description}}</p>
                            <div class="btn-read-more">
                                <a class="more-link" href="tel:9209551332">
                                    <span>Book Now</span>
                                    <i class="icon-Group-14"></i>
                                </a>
                            </div>

                            <!-- /.entry-meta -->
                        </div><!-- /.main-post -->
                    </article>
                </div>
                @endforeach


            </div>

        </div>

    </div>
</div>
@endsection