@extends('website.layouts.app')
@section('content')
<section class="breadcrumb_bg">
	<div class="container">
		<nav style="--bs-breadcrumb-divider:'>';" aria-label="breadcrumb">
		  	<ol class="breadcrumb px-2">
				<li class="breadcrumb-item"><a class="trs" href="index.html">Home</a></li>
				<li class="breadcrumb-item"><a class="trs" href="services.html">Services</a></li>
				<li class="breadcrumb-item active" aria-current="page">{{$service->service_name}}</li>
		  	</ol>
		</nav>
	</div>
</section>
<section class="service_details">
	<div class="container">
		<h1 class="mb-lg-5 mb-3">{{$service->service_name}}</h1>
		<img class="img-fluid rounded-2 d-lg-none d-block mb-3" src="{{asset('uploads/service_img/'.$service->service_title_img)}}" alt="Services">
		<div class="row gx-lg-5 gy-5">
			<div class="col-lg-7 col-12">
				{!! $service->service_desc !!}
			</div>
			<div class="col-lg-5 col-12 d-lg-block d-none">
				<img class="img-fluid rounded-2 service_details_img" src="{{asset('uploads/service_img/'.$service->service_title_img)}}" alt="Services">
			</div>
		</div>
	</div>
</section>
@endsection