@extends('layouts.frontend_layout.frontend_design')

@section('content')


<style>

    .header_area {
        background: url('{{ asset('images/backend_images/blog/large/'.$blog->image) }}');
        background-size:cover;
        height:500px;
        background-repeat:no-repeat;

    }

    @media (max-width: 600px){
        .header_area {
            background: url('{{ asset('images/backend_images/blog/large/'.$blog->image) }}');
            background-size:contain;
            height:250px;
            background-repeat:no-repeat;
        }
    }

</style>

<main>

    <!-- page title area end -->
    <section class="n-blog__area pt-120 pb-120">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="n-blog__left pr-10">
                        <div class="n-blog__single">
                            <div class="n-blog__content blog-details">
                                {{-- <span class="b-tag">Business</span> --}}
                                <h4>{{ $blog->title }}</h4>

                                <p>{{ $blog->brief_description }}</p>

                                <div class="blog-d-img text-center" >
                                    <img src={{ asset('images/backend_images/blog/large/'.$blog->image) }} alt="" style="height:500px;">
                                </div>
                                <ul class="n-blog__meta">
                                    <li><i class="fal fa-calendar-alt"></i>{{ $blog->created_at->format('d M Y') }}</li>
                                </ul>
                                <p>{!! $blog->description !!}</p>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </section>
</main>




@endsection