@extends('frontend.layouts.master')

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

@section('header')

  <!-- Page Header-->
  <header class="masthead" style="background-image: url('frontend-asset/assets/img/about-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>{{ $about_cms->about_heading ?? 'empty' }}</h1>
                            <span class="subheading">{{ $about_cms->about_short_desc ?? 'empty' }}</span>
                        </div>
                    </div>
                </div>
            </div>
        </header>

@endsection('header')

@section('content')

<main 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">
                        {!! $about_cms->about_description ?? 'empty' !!}
                    </div>
                </div>
            </div>
        </main>



 @endsection('content')