@extends('front.layout')
@section('custom-style')
<style>
    #content{
        background:#fff;
    }
    .active{
        color:#292826!important;
    }
    .pages-content
    {
        color:#292826!important;
        margin:0px 50px;
    }
    .breadcrump-section
    {
        padding-top:70px;
        background: #000f1e!important;
    }
</style>

@endsection
@section('content')
    <main id="content"> 

    <section class="breadcrump-section">
        <div class="bg-gray-1000 py-6 pt-lg-9 pb-lg-11 mb-7 mb-lg-10">
            <div class="container px-md-5 mb-lg-2">
                <h6 class="font-size-30 font-weight-semi-bold text-center mb-1">{{ $page->title }}</h6>
                <nav aria-label="breadcrumb">
                <ol class="breadcrumb justify-content-center p-0">
                <li class="breadcrumb-item active"><a class="active" href="{{url('/')}}">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ $page->title }}</li>
                </ol>
                </nav>
             </div>
        </div>
    </section>

    <div class="pages-content space-bottom-1 space-bottom-lg-2">

        {!! $page->description !!}



    </div>


    </main>

@endsection

@section('custom-script')
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
@endsection