<?php include 'headlinks.php';?>
<?php include 'header.php';?>

<style>
.course-card
{
    width:300px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
    .course-img
    {
        width:300px;
        height:212px;
    }
    .course-img img
    {
        width:300px;
        height:231px;
        
    }
</style>
    <!-- Page Header Start -->
    <div class="container-fluid bg-dark p-5">
        <div class="row">
            <div class="col-12 text-center">
                <h1 class="display-4 text-white">All Courses</h1>
                <a href="">Home</a>
                <i class="far fa-square text-primary px-2"></i>
                <a href="">All Courses</a>
            </div>
        </div>
    </div>
    <!-- Page Header End -->
        <div class ="container p-5">
            <div class="row">
                <div class ="col-md-4">
                    <a href="#">
                    <div class="course-card mt-3">
                    <div class="course-img">
                        <img class ="img-fluid" src ="img/course-img/1.jpeg">
                    </div>
                    <div class="course-title p-3 mt-2">
                        <h4>Services Business</h4>
                    </div>
                </div>
                </a>
                </div>
                
                <div class ="col-md-4">
                    <a href="#">
                    <div class="course-card mt-3">
                    <div class="course-img">
                        <img class ="img-fluid" src ="img/course-img/7.jpeg">
                    </div>
                    <div class="course-title p-3 mt-2">
                        <h4>Retail Business</h4>
                    </div>
                </div>
                </a>
                </div>
                
                <div class ="col-md-4">
                    <a href="#">
                    <div class="course-card mt-3">
                    <div class="course-img">
                        <img class ="img-fluid" src ="img/course-img/3.jpeg">
                    </div>
                    <div class="course-title p-3 mt-2">
                        <h4>Freelancer Business</h4>
                    </div>
                </div>
                </a>
                </div>
                
                <div class ="col-md-4">
                    <a href="#">
                    <div class="course-card mt-3">
                    <div class="course-img">
                        <img class ="img-fluid" src ="img/course-img/4.jpeg">
                    </div>
                    <div class="course-title p-3 mt-2">
                        <h4>Student's Career</h4>
                    </div>
                </div>
                </a>
                </div>
                
                <div class ="col-md-4">
                    <a href ="#">
                    <div class="course-card mt-3">
                    <div class="course-img">
                        <img class ="img-fluid" src ="img/course-img/5.jpeg">
                    </div>
                    <div class="course-title p-3 mt-2">
                        <h4>Woman Prenure</h4>
                    </div>
                </div>
                </a>
                </div>
                
                <div class ="col-md-4">
                    <a href ="#">
                    <div class="course-card mt-3">
                    <div class="course-img">
                        <img class ="img-fluid" src ="img/course-img/2.jpeg">
                    </div>
                    <div class="course-title p-3 mt-2">
                        <h4>Manufacturing Business</h4>
                    </div>
                </div>
                </a>
                </div>
                
                <div class ="col-md-4">
                    <a href ="#">
                    <div class="course-card mt-3">
                    <div class="course-img">
                        <img class ="img-fluid" src ="img/course-img/6.jpeg">
                    </div>
                    <div class="course-title p-3 mt-2">
                        <h4>Start UP</h4>
                    </div>
                </div>
                </a>
                </div>
            </div>
        </div>
            <?php include 'footer.php';?>