@extends('website.layout.main')
@section('small_title','services')
@section('content')

    <!-- Page Banner Section -->
    <section class="page-banner">



    <div class="image-layer lazy-image" data-bg="url('{{asset($service->image)}}')"></div>

        <div class="bottom-rotten-curve"></div>

        <div class="auto-container">
            <h1>Service Details</h1>
            <ul class="bread-crumb clearfix">
                <li><a href="{{route('website.home')}}">Home</a></li>
                <li class="active">Services</li>
            </ul>
        </div>

    </section>
    <!--End Banner Section -->


    <!--Sidebar Page Container-->
    <div class="sidebar-page-container">
        <div class="auto-container">
            <div class="row clearfix">

                <!--Content Side / Blog Sidebar-->
                <div class="content-side col-lg-8 col-md-12 col-sm-12">
                    <!--Event Details-->
                    <div class="event-details">
                        <div class="inner-box">
                            <div class="image-box">
                                <figure class="image"><img class="lazy-image" src="images/resource/image-spacer-for-validation.png" data-src="images/resource/event-image-11.jpg" alt=""></figure>
                                <div class="date">25 <span class="month">Aug</span></div>
                            </div>
                            <div class="lower-content">
                            	<h2>{{$service->title}}</h2>

                                <div class="text-content">
                                    <p class="big-text">
                                        {!!$service->description!!}
                                    </p>
                                    <br>

                                </div>

                            </div>
                        </div>
                    </div>

                </div>


            </div>
        </div>
    </div>
    <!-- End Sidebar Page Container -->
@endsection
