@extends('app')
@section('content')
    <div class="container mx-auto bg-white my-12">

        <div class="card">
            <div class="card-header">

                <div class="h-96 overflow-hidden">
                    <img class="w-full h-full object-cover" src="{{ asset($service->photo) }}" alt="" />
                    <img src="{{ asset($service->photo) }}" alt="" />

                </div>
                <p class="text-3xl sm:text-4xl md:text-5xl lg:text-6xl p-4 sm:p-6">
                    {{ $service->title }}
                </p>

            </div>
            <div class="card-body bg-[#F5FFFA]  p-12">

                <p class="card-text text-white">
                    {!! $service->content !!}

                </p>
            </div>
        </div>
    </div>
@endsection