<?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">Combo Courses</h1>
                <a href="">Home</a>
                <i class="far fa-square text-primary px-2"></i>
                <a href="">Combo 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/ecommerce.jpg">
                    </div>
                    <div class="course-title p-3 mt-2">
                        <h4>E-Commerce</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/facebook.jpg">
                    </div>
                    <div class="course-title p-3 mt-2">
                        <h4>Facebook</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/google-ads.png">
                    </div>
                    <div class="course-title p-3 mt-2">
                        <h4>Google Ads</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/google-drive.jpg">
                    </div>
                    <div class="course-title p-3 mt-2">
                        <h4>Google Drive</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/google-sheet.png">
                    </div>
                    <div class="course-title p-3 mt-2">
                        <h4>Google Sheet</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/google-calender.png">
                    </div>
                    <div class="course-title p-3 mt-2">
                        <h4>Google Calender</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/google-forms.jpg">
                    </div>
                    <div class="course-title p-3 mt-2">
                        <h4>Google Forms</h4>
                    </div>
                </div>
                </a>
                </div>
            </div>
        </div>
            <?php include 'footer.php';?>