@extends('front.layouts.master')


@section('content')
    <div class="skillpage mt40 mb40">
        <br><br><br><br>

        <div id="vue_app" class="container-fluid">

            <div class="row text-center">
                <div class="col-md-2"></div>
                <div class="card-panel col-md-8">
                    <div class="col-md-12 mb20">
                        <h1 class="mb20">{{$offerCategory->title}}</h1>
                        <img class="img-raised mt20" src="{{$offerCategory->pictureApi}}" alt="">
                    </div>
                    <div class="col-md-12 mt40">
                        {!! $offerCategory->body !!}
                    </div>
                </div>
            </div>

        </div>

    </div>
    <br><br><br><br>
@endsection

@push('scripts')

    <script type="text/javascript">
        $(document).ready(function(){
            $('.modal').modal();
        });
    </script>

@endpush