Courses

                
<section class="courses elements dt-section">
    <div class="container">
        <h2>Course Style 1</h2>
        <div class="courses-1">
            <div class="row">
                <div class="col-lg-4 col-md-6">
                    <div class="course-items">
                        <div class="img-wrapper">
                            <a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectur adipiscing elit"><img src="../themes/custom/college_pro/assets/theme/img/courses/course-11.jpeg" alt=""></a>
                        </div>
                        <div class="ratings">
                            <span class="rating-count">4.2</span>
                            <i class="fa-solid fa-star"></i>
                            <i class="fa-solid fa-star"></i>
                            <i class="fa-solid fa-star"></i>
                            <i class="fa-solid fa-star"></i>
                            <i class="fa-regular fa-star"></i>
                            <span>(12)</span>
                        </div>
                        <h4 class="course-title"> <a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectur adipiscing elit">Lorem ipsum dolor sit amet sed consectur adipiscing elit</a> </h4>
                        <span class="lesson-count">12 Lession</span>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="course-items">
                        <div class="img-wrapper">
                            <a href="javascript:void(0)" title="Duis aute irure dolor reprehende in voluptate velit esse"><img src="../themes/custom/college_pro/assets/theme/img/courses/banner-2.jpeg" alt=""></a>
                        </div>
                        <div class="ratings">
                            <span class="rating-count">4.2</span>
                            <i class="fa-solid fa-star"></i>
                            <i class="fa-solid fa-star"></i>
                            <i class="fa-solid fa-star"></i>
                            <i class="fa-solid fa-star"></i>
                            <i class="fa-regular fa-star"></i>
                            <span>(12)</span>
                        </div>
                        <h4 class="course-title"> <a href="javascript:void(0)" title="Duis aute irure dolor reprehende in voluptate velit esse">Duis aute irure dolor reprehende in voluptate velit esse</a> </h4>
                        <span class="lesson-count">12 Lession</span>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="course-items">
                        <div class="img-wrapper">
                            <a href="javascript:void(0)" title="Excepteur sint occaecat cupidat non proident sunt in culpa"><img src="../themes/custom/college_pro/assets/theme/img/courses/Image-7.jpeg" alt=""></a>
                        </div>
                        <div class="ratings">
                            <span class="rating-count">4.2</span>
                            <i class="fa-solid fa-star"></i>
                            <i class="fa-solid fa-star"></i>
                            <i class="fa-solid fa-star"></i>
                            <i class="fa-solid fa-star"></i>
                            <i class="fa-regular fa-star"></i>
                            <span>(12)</span>
                        </div>
                        <h4 class="course-title"> <a href="javascript:void(0)" title="Excepteur sint occaecat cupidat non proident sunt in culpa">Excepteur sint occaecat cupidat non proident sunt in culpa</a> </h4>
                        <span class="lesson-count">12 Lession</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                              
                Copy to clipboard
            

                
<section class="courses elements dt-section">
    <div class="container">
        <h2>Course Style 2</h2>
        <div class="courses-2">
            <div class="row">
                <div class="col-lg-4 col-md-6">
                    <div class="course-items">
                        <div class="img-wrapper">
                            <a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectur"><img src="../themes/custom/college_pro/assets/theme/img/courses/course-11.jpeg" alt=""></a>
                        </div>
                        <h4 class="course-title"> <a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectur">Lorem ipsum dolor sit amet sed consectur</a> </h4>
                        <div class="rating-lession">
                            <span class="lesson-count">12 Lession</span>
                            <div class="ratings">
                                <span class="rating-count">4.2</span>
                                <i class="fa-solid fa-star"></i>
                                <i class="fa-solid fa-star"></i>
                                <i class="fa-solid fa-star"></i>
                                <i class="fa-solid fa-star"></i>
                                <i class="fa-regular fa-star"></i>
                                <span>(12)</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="course-items">
                        <div class="img-wrapper">
                            <a href="javascript:void(0)" title="Duis aute irure dolor reprehe in voluptate velit esse"><img src="../themes/custom/college_pro/assets/theme/img/courses/banner-2.jpeg" alt=""></a>
                        </div>
                        <h4 class="course-title"> <a href="javascript:void(0)" title="course-detail">Duis aute irure dolor reprehe in voluptate velit esse</a> </h4>
                        <div class="rating-lession">
                            <span class="lesson-count">12 Lession</span>
                            <div class="ratings">
                                <span class="rating-count">4.2</span>
                                <i class="fa-solid fa-star"></i>
                                <i class="fa-solid fa-star"></i>
                                <i class="fa-solid fa-star"></i>
                                <i class="fa-solid fa-star"></i>
                                <i class="fa-regular fa-star"></i>
                                <span>(12)</span>
                            </div>    
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="course-items">
                        <div class="img-wrapper">
                            <a href="javascript:void(0)" title="Excepteur sint occaecat cupi dat non proident sunt"><img src="../themes/custom/college_pro/assets/theme/img/courses/Image-7.jpeg" alt=""></a>
                        </div>
                        <h4 class="course-title"> <a href="javascript:void(0)" title="Excepteur sint occaecat cupi dat non proident sunt">Excepteur sint occaecat cupi dat non proident sunt</a> </h4>
                        <div class="rating-lession">
                            <span class="lesson-count">12 Lession</span>
                            <div class="ratings">
                                <span class="rating-count">4.2</span>
                                <i class="fa-solid fa-star"></i>
                                <i class="fa-solid fa-star"></i>
                                <i class="fa-solid fa-star"></i>
                                <i class="fa-solid fa-star"></i>
                                <i class="fa-regular fa-star"></i>
                                <span>(12)</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                  
                Copy to clipboard
            

                
<section class="courses elements dt-section">
    <div class="container">
                    <h2>Course Style 3</h2>
        <div class="courses-3">
            <div class="row">
                <div class="col-lg-4 col-md-6">
                    <div class="course-items">
                        <div class="img-wrapper">
                            <a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectur"><img src="../themes/custom/college_pro/assets/theme/img/courses/course-11.jpeg" alt=""></a>
                        </div>
                        <div class="rating-title">
                            <h4 class="course-title"> <a href="javascript:void(0)" title="Lorem ipsum dolor sit amet sed consectur">Lorem ipsum dolor sit amet sed consectur</a> </h4>
                            <div class="ratings">
                                <span class="rating-count">4.2</span>
                                <i class="fa-solid fa-star"></i>
                                <i class="fa-solid fa-star"></i>
                                <i class="fa-solid fa-star"></i>
                                <i class="fa-solid fa-star"></i>
                                <i class="fa-regular fa-star"></i>
                                <span>(12)</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="course-items">
                        <div class="img-wrapper">
                            <a href="javascript:void(0)" title="Duis aute irure dolor reprehe in voluptate velit esse"><img src="../themes/custom/college_pro/assets/theme/img/courses/banner-2.jpeg" alt=""></a>
                        </div>
                        <div class="rating-title">
                            <h4 class="course-title"> <a href="javascript:void(0)" title="Duis aute irure dolor reprehe in voluptate velit esse">Duis aute irure dolor reprehe in voluptate velit esse</a> </h4>
                            <div class="ratings">
                                <span class="rating-count">4.2</span>
                                <i class="fa-solid fa-star"></i>
                                <i class="fa-solid fa-star"></i>
                                <i class="fa-solid fa-star"></i>
                                <i class="fa-solid fa-star"></i>
                                <i class="fa-regular fa-star"></i>
                                <span>(12)</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="course-items">
                        <div class="img-wrapper">
                            <a href="javascript:void(0)" title="Excepteur sint occaecat cupi dat non proident sunt"><img src="../themes/custom/college_pro/assets/theme/img/courses/Image-7.jpeg" alt=""></a>
                        </div>
                        <div class="rating-title">
                            <h4 class="course-title"> <a href="javascript:void(0)" title="Excepteur sint occaecat cupi dat non proident sunt">Excepteur sint occaecat cupi dat non proident sunt</a> </h4>
                            <div class="ratings">
                                <span class="rating-count">4.2</span>
                                <i class="fa-solid fa-star"></i>
                                <i class="fa-solid fa-star"></i>
                                <i class="fa-solid fa-star"></i>
                                <i class="fa-solid fa-star"></i>
                                <i class="fa-regular fa-star"></i>
                                <span>(12)</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>  
    </div>
</section>                
                Copy to clipboard