@extends('web.layouts.layout')
<title>@yield('meta_title', 'About Online Course')</title>
<meta name="description" content="@yield('')">
<meta name="keywords" content="@yield('')">
@section('content')
<main>
    <!-- breadcrumb area start -->
    <section class="bd-breadcrumb-area p-relative fix z-index-11">
        <div class="bd-breadcrumb-bg-two" data-background="/assets/images/breadcrumb/breadcrumb-bg-2.webp"></div>
        <div class="bd-breadcrumb-wrapper p-relative">
            <div class="container">
                <div class="row">
                    <div class="col-xl-12">
                        <div class="bd-breadcrumb style-two d-flex-center">
                            <div class="bd-breadcrumb-content">
                                <h1 class="bd-breadcrumb-title"> {{$online_self_learning_courses_detail->title??''}}
                                </h1>
                                <div class="bd-breadcrumb-list"> <span><a href="index.php">Home</a></span> <span
                                        class="divider"><i class="fa-regular fa-angle-right"></i></span> <span
                                        class="active"> {{$online_self_learning_courses_detail->title??''}} </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- breadcrumb area end -->
    <section class="bd-why-choose-area fix online-self">
        <div class="container">
            <div class="row align-items-center justify-content-center pb-4">
                <div class="col-xl-12">
                    <div class="bd-section-wrapper section-title-space bd-post-details-list"
                        style="text-align: justify;">
                        

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


</main>

@endsection