@extends('frontend.layouts.master')

@section('title','blog-page')

@section('header')

  <!-- Page Header-->
  <header class="masthead" style="background-image: url('frontend-asset/assets/img/home-bg.jpg')">
            <div class="container position-relative px-4 px-lg-5">
                <div class="row gx-4 gx-lg-5 justify-content-center">
                    <div class="col-md-10 col-lg-8 col-xl-7">
                        <div class="site-heading">
                            <h1>Blog Details</h1>
                            <span class="subheading">A Blog Theme by Start Bootstrap</span>
                        </div>
                    </div>
                </div>
            </div>
        </header>

@endsection('header')

@section('content')

<article class="mb-4">
            <div class="container px-4 px-lg-5">
                <div class="row gx-4 gx-lg-5 justify-content-center">
                    <div class="col-md-10 col-lg-8 col-xl-7">
                        
                     
                        <h2 class="section-heading">{{$blog->title}}</h2>
                        <p>{{$blog->short_description}}</p>
                        <a href="#"><img class="img-fluid" src="{{asset('/images/blogimages/').'/'.$blog->image}}" alt="..." /></a>
                        <p></p>
                       
                    </div>
                </div>
            </div>
        </article>



 @endsection('content')