@include('layouts.header')

<style>

.fa{
    font-size: 40px;
    color: darkblue;
}
.card{

border-radius: 10px;

box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

</style>


<div class="container-flax col-12 col-lg-12 btn btn-white w-full h-full" style="background-color:#01206087;">

    <div class="row mt-4 mb-4">
        <div class="col-12 col-md-3 mt-4 ">
            <img loading="lazy" class="d-block mt-5" style="width: 340px; margin-left:60px; " src="{{ asset('images/logo.jpg') }}"   alt="First slide">
        </div>
        <div class="col-12 col-md-6">


            <div class="mt-5 mb-5">
                <h1 class="text-4xl "> Angular 16 asp.net core 6 </h1>
                <p class="mb-4 text-xl">
                    <span style="text-decoration: line-through">Price : 10,000 </span> <span>BDT 5,000 BDT </span>
                </p>
                <button type="submit" class="btn btn-warning"> Enroll Now</button>
            </div>


        </div>
        <div class="col-12 col-md-3">

        </div>
    </div>

</div>



<section class="mt-3">
    <div class="container-flax col-12 col-lg-12 btn btn- w-full h-full" style="background-color:#f3f3f387;">

        <div class="row mt-0 mb-4">
            <div class="col-12 col-md-2 mt-0 ">
            </div>

            <div class="col-12 col-md-3 mt-0 ">

                <div class="container mt-0">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title"><i class="fa fa-calendar"></i> </h5>
                            <h3 class="card-text" style="color: rgb(189, 23, 167)">Starting Date</h3>

                            <h5 class="font-weight-bold" >30-4-2023</h5>
                        </div>
                    </div>
                </div>


            </div>
            <div class="col-12 col-md-3">


                <div class="container mt-0">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title"><i class=" fa fa-users"></i> </h5>
                            <h3 class="card-text" style="color: rgb(189, 23, 167)" >Total Enrolled</h3>
                            <h5 class="font-weight-bold" >78</h5>
                        </div>
                    </div>
                </div>



            </div>
            <div class="col-12 col-md-3">



                <div class="container mt-0">
                    <div class="card ">
                        <div class="card-body">
                            <h5 class="card-title"><i class="fa fa-universal-access"></i> </h5>
                            <h3 class="card-text" style="color: rgb(189, 23, 167)">Current Batch</h3>
                            <h5 class="font-weight-bold" >SQA-Fall-23</h5>
                        </div>
                    </div>
                </div>


            </div>

            <div class="col-12 col-md-2 mt-0 ">
            </div>


        </div>

    </div>

</section>



<section>

    <div class="row mt-5">

     <div class="col-12 col-lg-2">

     </div>

     <div class="col-12 col-lg-10">

        <h3>About the course</h3>
        <p> Angular 16   is one of the most important and rewarding jobs in the tech industry.

            The main responsibility of an Angular 16  is to frontend  and methods used to ensure quality.</p>
     </div>

    </div>


</section>








<div class="container " id="depart">
</div>
</div>


@include('layouts.footer')