


    <div class="container-fluid px-0 py-5">
        <div class="row mx-0 justify-content-center pt-5">
            <div class="col-lg-6">
                <div class="section-title text-center position-relative mb-4">
                    <h6 class="d-inline-block position-relative text-danger text-uppercase pb-2">Our Courses</h6>
                    <h1 class="display-4">Checkout Of Computer Our Courses</h1>
                </div>
            </div>
        </div>



        <div class="owl-carousel courses-carousel">
            <div class="courses-item position-relative">
                <img class="img-fluid" src="img/course-1.jpg" alt="Basic Computer Course">
                <div class="courses-text">
                    <h4 class="text-center text-white px-3">Basic Computer Course</h4>
                    <div class="border-top w-100 mt-3">
                        <div class="d-flex justify-content-between p-4">
                            <span class="text-white"><i class="fa fa-user mr-2"></i>Course <small>Duration</small></span>
                            <span class="text-white"><i class="fa fa-stopwatch mr-2"></i>4 <small>Months</small></span>
                        </div>
                    </div>
                    <div class="w-100 bg-white text-center p-4" >
                        <a class="btn btn-primary" href="basic-computer-course.php">Course Detail</a>
                    </div>
                </div>
            </div>



            <div class="courses-item position-relative">
                <img class="img-fluid" src="img/course-7.jpg" alt="Web Designing">
                <div class="courses-text">
                    <h4 class="text-center text-white px-3">Web Designing</h4>
                    <div class="border-top w-100 mt-3">
                        <div class="d-flex justify-content-between p-4">
                            <span class="text-white"><i class="fa fa-user mr-2"></i>Course Duration</span>
                            <span class="text-white"><i class="fa fa-stopwatch mr-2"></i>12 <small>Months</small></span>
                        </div>
                    </div>
                    <div class="w-100 bg-white text-center p-4" >
                        <a class="btn btn-primary" href="web-designing.php">Course Detail</a>
                    </div>
                </div>
            </div>


            <div class="courses-item position-relative">
                <img class="img-fluid" src="img/course-3.jpg" alt="Graphic Designing">
                <div class="courses-text">
                    <h4 class="text-center text-white px-3">Graphic Designing</h4>
                    <div class="border-top w-100 mt-3">
                        <div class="d-flex justify-content-between p-4">
                            <span class="text-white"><i class="fa fa-user mr-2"></i>Course Duration</span>
                            <span class="text-white"><i class="fa fa-stopwatch mr-2"></i>6 <small>Months</small></span>
                        </div>
                    </div>
                    <div class="w-100 bg-white text-center p-4" >
                        <a class="btn btn-primary" href="graphic-designing.php">Course Detail</a>
                    </div>
                </div>
            </div>


            <div class="courses-item position-relative">
                <img class="img-fluid" src="img/course-2.jpg" alt="E-Accounting">
                <div class="courses-text">
                    <h4 class="text-center text-white px-3">E-Accounting</h4>
                    <div class="border-top w-100 mt-3">
                        <div class="d-flex justify-content-between p-4">
                            <span class="text-white"><i class="fa fa-user mr-2"></i>Course Duration</span>
                            <span class="text-white"><i class="fa fa-stopwatch mr-2"></i>6 <small>Months</small></span>
                        </div>
                    </div>
                    <div class="w-100 bg-white text-center p-4" >
                        <a class="btn btn-primary" href="e-accounting.php">Course Detail</a>
                    </div>
                </div>
            </div>


            <div class="courses-item position-relative">
                <img class="img-fluid" src="img/course-4.jpg" alt="Advance Excel">
                <div class="courses-text">
                    <h4 class="text-center text-white px-3">Advance Excel</h4>
                    <div class="border-top w-100 mt-3">
                        <div class="d-flex justify-content-between p-4">
                            <span class="text-white"><i class="fa fa-user mr-2"></i>Course Duration</span>
                            <span class="text-white"><i class="fa fa-stopwatch mr-2"></i>3<small>Months</small></span>
                        </div>
                    </div>
                    <div class="w-100 bg-white text-center p-4" >
                        <a class="btn btn-primary" href="advance-excel.php">Course Detail</a>
                    </div>
                </div>
            </div>



            <div class="courses-item position-relative">
                <img class="img-fluid" src="img/course-6.jpg" alt="">
                <div class="courses-text">
                    <h4 class="text-center text-white px-3">Web Development</h4>
                    <div class="border-top w-100 mt-3">
                        <div class="d-flex justify-content-between p-4">
                            <span class="text-white"><i class="fa fa-user mr-2"></i>Course Dureation</span>
                            <span class="text-white"><i class="fa fa-stopwatch mr-2"></i>18 <small>Months</small></span>
                        </div>
                    </div>
                    <div class="w-100 bg-white text-center p-4" >
                        <a class="btn btn-primary" href="web-development.php">Course Detail</a>
                    </div>  
                </div>
            </div>

            
            <div class="courses-item position-relative">
                <img class="img-fluid" src="img/course-5.jpg" alt="">
                <div class="courses-text">
                    <h4 class="text-center text-white px-3">Digital Marketing</h4>
                    <div class="border-top w-100 mt-3">
                        <div class="d-flex justify-content-between p-4">
                            <span class="text-white"><i class="fa fa-user mr-2"></i>Course Duration</span>
                            <span class="text-white"><i class="fa fa-stopwatch mr-2"></i>12 <small>Months</small></span>
                        </div>
                    </div>
                    <div class="w-100 bg-white text-center p-4" >
                        <a class="btn btn-primary" href="digital-markrting.php">Course Detail</a>
                    </div>  
                </div>
            </div>


            <div class="courses-item position-relative">
                <img class="img-fluid" src="img/course-8.jpg" alt="">
                <div class="courses-text">
                    <h4 class="text-center text-white px-3">DCA/ADCA</h4>
                    <div class="border-top w-100 mt-3">
                        <div class="d-flex justify-content-between p-4">
                            <span class="text-white"><i class="fa fa-user mr-2"></i>Course Duration</span>
                            <span class="text-white"><i class="fa fa-stopwatch mr-2"></i>12-18 <small>Months</small></span>
                        </div>
                    </div>
                    <div class="w-100 bg-white text-center p-4" >
                        <a class="btn btn-primary" href="diploma-in-computer-application.php">Course Detail</a>
                    </div>  
                </div>
            </div>

            

        </div>
        
    </div>
    