privdayz.com

@section('title', 'Our Services')

<x-layout>
    <!-- Start main-content -->
    <section class="page-title" style="background-image: url({{asset('assets/images/background/page-title.webp')}});">
        <div class="auto-container">
            <div class="title-outer">
                <h1 class="title">Services</h1>
                <ul class="page-breadcrumb">
                    <li><a href="/">Home</a></li>
                    <li>Services</li>
                </ul>
            </div>
        </div>
    </section>
    <!-- end main-content -->
    <!-- Services Section -->
    <section class="">
        <div class="container pb-90">

            <div class="row">
                <!-- Service Block -->
                @foreach ($services as $service)
                <div class="service-block col-lg-4 col-md-6 col-sm-12">
                    <div class="inner-box">
                        <div class="icon-box"><img src="{{asset('assets/images/services/icons/' . $service->serviceIcon)}}"></div>
                        <h5 class="title"><a href="/services/{{$service->serviceSlug}}">
                                {{ $service->serviceName }}
                            </a></h5>
                        <div class="text">
                            {{ substr($service->serviceDesc, 0, 75) }}...
                        </div>
                        <a href="/services/{{$service->serviceSlug}}" class="read-more"><i class="fa fa-long-arrow-alt-right"></i> Read more</a>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </section>
    <!-- End Services Section-->
</x-layout>