@extends('layout.main')
@section('main-section')
<main id="main">
    <section class="breadcumb-section">
        <div class="tf-container">
            <div class="row">
                <div class="col-lg-12 center z-index1">
                    <h1 class="title">Service</h1>
                    <ul class="breadcumb-list flex-five">
                        <li><a href="/">Home</a></li>
                        <li><span>Service</span></li>
                    </ul>
                    <img class="bcrumb-ab" src="./assets/images/page/mask-bcrumb.png" alt="">
                </div>
            </div>

        </div>
    </section>
    <section class="pd-main">
        <div class="tf-container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="center m0-auto w-text-heading">
                    </div>
                </div>
            </div>
            <div class="row">
                @foreach($service as $services)
                <div class="col-md-4 wow fadeInUp animated " data-wow-delay="0.1s">
                    <div class="tf-widget-blog blog-style">
                        <a href="#" class="blog-image">
                            <img src="{{asset('/public/uploads/post/'.$services->image)}}" style="height: 280px;" alt="">
                        </a>
                        <div class="blog-content">
                            <h3 class="entry-title"><a href="$">{{$services->name}}</a></h3>
                            <p class="des">{{$services->para1}}
                            </p>
                            <a href="#" class="btn-read-more">Read More <i
                                    class="icon-Vector-4"></i></a>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>

        </div>
    </section>
</main>
@endsection