Programs

                
<section class="programs elements dt-section">
    <div class="container">
        <h2>Program Style 1</h2>
        <div class="program-1">
            <div class="row">
                <div class="col-lg-4 col-md-6">
                    <div class="programs-item">
                        <div class="image-wrapper">
                            <img src="../themes/custom/college_pro/assets/theme/img/program/Image-733.jpg" alt="program-image">
                        </div>
                        <span class="created">AUG 23, 2023</span>
                        <h4> <a href="javascript:void(0)" title="Duis aute irure dolor fugiat">Duis aute irure dolor fugiat</a> </h4>
                        <div class="program-content">
                            <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolore laudantium, totam rem aperiam, eaque</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="programs-item">
                        <div class="image-wrapper">
                            <img src="../themes/custom/college_pro/assets/theme/img/program/Image-10.jpg" alt="program-image">
                        </div>
                        <span class="created">AUG 23, 2023</span>
                        <h4> <a href="javascript:void(0)" title="Nam libero tempore cum solutae">Nam libero tempore cum solutae</a> </h4>
                        <div class="program-content">
                            <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco labori nisi utismod aliquip ex ea commodo consequat.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="programs-item">
                        <div class="image-wrapper">
                            <img src="../themes/custom/college_pro/assets/theme/img/program/Image-26.jpg" alt="program-image">
                        </div>
                        <span class="created">AUG 23, 2023</span>
                        <h4> <a href="javascript:void(0)" title="Dxcepteur sint occaecat">Dxcepteur sint occaecat</a> </h4>
                        <div class="program-content">
                            <p>Demo enim ipsam voluptatem quia sint an voluptas sit aspernatur aut odit aut fugit, sed quia consequun magni dolores eos qui ratione</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                
                Copy to clipboard
            

                
<section class="programs elements dt-section">
    <div class="container">
        <h2>Program Style 2</h2>
        <div class="program-2">
            <div class="row">
                <div class="col-md-6 image-column">
                    <div class="image-wrapper">
                        <img src="../themes/custom/college_pro/assets/theme/img/program/Image-733.jpg" alt="program-image">
                    </div>
                </div>
                <div class="col-md-6 contents-column">
                    <div class="programs-item">
                        <span class="created">AUG 23, 2023</span>
                        <h3> <a href="javascript:void(0)" title="Duis aute irure dolor fugiat">Duis aute irure dolor fugiat</a> </h3>
                        <div class="program-content">
                            <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accu doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsa voluptatem quia voluptas sit aspernatur aut odit aut fugit</p>
                        </div>
                        <div class="read">
                            <a href="javascript:void(0)" title="Duis aute irure dolor fugiat">View Details</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                
                Copy to clipboard
            

                
<section class="programs elements dt-section">
    <div class="container">
        <h2>Program Style 3</h2>
        <div class="blog4">
            <div class="row">
                <div class="col-lg-5 col-md-6">
                    <div class="img-wrapper">
                        <a href="javascript:void(0)" title="Lorem ipsum dolor sit consect"><img src="../themes/custom/college_pro/assets/theme/img/program/course-11.jpg" alt=""></a>
                    </div>
                </div>
                <div class="col-lg-7 col-md-6">
                    <div class="blog-items">
                        <div class="cate-created">
                            <div class="created-category">
                                <span class="created">Aug 23, 2023 </span>
                            </div>
                        </div>    
                        <h3><a href="javascript:void(0)" title="Lorem ipsum dolor sit consect">Lorem ipsum dolor sit consect</a></h3>
                        <div class="blog-content">
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate</p>
                        </div>
                        <div class="read">
                            <a href="javascript:void(0)" title="Lorem ipsum dolor sit consect">View Details</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                
                Copy to clipboard