@extends('frontend.layouts.app')
@section('content')
<!-- Service Section -->
<section class="service-section relative pad-150 pb-0">
	<div class="container">
		<div class="about-title text-center pb-2">
			<h2 class="pb-2"><span>Our</span> Services</h2>
			<p>{!! $information->service_details !!}</p>
		</div>
		<div class="row justify-content-center pt-2">
			@foreach($services as $service)
			<div class="col-md-6 col-12 pb-4">
        <div class="service-block relative">
          <div class="inner-box relative cmn-transition">
            <div class="row">
            	<div class="col-12 m-auto">
            		<img class="inner-image" src="/{{$service->image}}" alt="" width="100%">
            	</div>
            	<div class="col-12">
            		  <h4>
                    <a href="/service/{{$service->slug}}">{{$service->title}}</a>
                	</h4>
                	<span>{{$service->short_details}}</span>
                	<div class="service-link mt-3">
                		<a href="/service/{{$service->slug}}">View Service</a>
                	</div>
            	</div>
              </div>
            </div>
          </div>
        </div>
      @endforeach
  </div>
	</div>
</section>
<!-- End Service Section -->
@endsection