<section id="dt-content" class="sec-pt-lg">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h2>2 Column Grid</h2>
            </div>
        </div>
        <div class="row g-4">
            <div class="col-md-6">
                <div class="card card-news">
                    <div class="card-image">
                        <a href="#" class="image" title="Lorem ipsum dolor sit amet"><img src="themes/custom/education_pro/assets/theme/img/blog/1.jpg" class="img-fluid" alt="Blog Post Image"></a>
                        <div class="posted-on"><span>21</span>Sep, 2021</div>
                    </div>
                    <div class="card-body">
                        <h2><a href="#" title="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet</a></h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt...</p>
                        <a class="btn btn-link" href="#" title="Read More" role="button">Read More</a>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card card-news">
                    <div class="card-image">
                        <a href="#" class="image" title="Lorem ipsum dolor sit amet"><img src="themes/custom/education_pro/assets/theme/img/blog/1.jpg" class="img-fluid" alt="Blog Post Image"></a>
                        <div class="posted-on"><span>21</span>Sep, 2021</div>
                    </div>
                    <div class="card-body">
                        <h2><a href="#" title="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet</a></h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt...</p>
                        <a class="btn btn-link" href="#" title="Read More" role="button">Read More</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                        Copy to clipboard
                    

                        
<section id="dt-content" class="sec-pt-lg">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h2>3 Column Grid</h2>
            </div>
        </div>
        <div class="row g-4">
            <div class="col-md-4">
                <div class="card card-news">
                    <div class="card-image">
                        <a href="#" class="image" title="Lorem ipsum dolor sit amet"><img src="themes/custom/education_pro/assets/theme/img/blog/1.jpg" class="img-fluid" alt="Blog Post Image"></a>
                        <div class="posted-on"><span>21</span>Sep, 2021</div>
                    </div>
                    <div class="card-body">
                        <h2><a href="#" title="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet</a></h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt...</p>
                        <a class="btn btn-link" href="#" title="Read More" role="button">Read More</a>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card card-news">
                    <div class="card-image">
                        <a href="#" class="image" title="Lorem ipsum dolor sit amet"><img src="themes/custom/education_pro/assets/theme/img/blog/1.jpg" class="img-fluid" alt="Blog Post Image"></a>
                        <div class="posted-on"><span>21</span>Sep, 2021</div>
                    </div>
                    <div class="card-body">
                        <h2><a href="#" title="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet</a></h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt...</p>
                        <a class="btn btn-link" href="#" title="Read More" role="button">Read More</a>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card card-news">
                    <div class="card-image">
                        <a href="#" class="image" title="Lorem ipsum dolor sit amet"><img src="themes/custom/education_pro/assets/theme/img/blog/1.jpg" class="img-fluid" alt="Blog Post Image"></a>
                        <div class="posted-on"><span>21</span>Sep, 2021</div>
                    </div>
                    <div class="card-body">
                        <h2><a href="#" title="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet</a></h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt...</p>
                        <a class="btn btn-link" href="#" title="Read More" role="button">Read More</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                        Copy to clipboard
                    

                        
<section id="dt-content" class="sec-pt-lg">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h2>4 Column Grid</h2>
            </div>
        </div>
        <div class="row g-4">
            <div class="col-md-6 col-lg-3">
                <div class="card card-news">
                    <div class="card-image">
                        <a href="#" class="image" title="Lorem ipsum dolor sit amet"><img src="themes/custom/education_pro/assets/theme/img/blog/1.jpg" class="img-fluid" alt="Blog Post Image"></a>
                        <div class="posted-on"><span>21</span>Sep, 2021</div>
                    </div>
                    <div class="card-body">
                        <h2><a href="#" title="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet</a></h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt...</p>
                        <a class="btn btn-link" href="#" title="Read More" role="button">Read More</a>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="card card-news">
                    <div class="card-image">
                        <a href="#" class="image" title="Lorem ipsum dolor sit amet"><img src="themes/custom/education_pro/assets/theme/img/blog/1.jpg" class="img-fluid" alt="Blog Post Image"></a>
                        <div class="posted-on"><span>21</span>Sep, 2021</div>
                    </div>
                    <div class="card-body">
                        <h2><a href="#" title="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet</a></h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt...</p>
                        <a class="btn btn-link" href="#" title="Read More" role="button">Read More</a>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="card card-news">
                    <div class="card-image">
                        <a href="#" class="image" title="Lorem ipsum dolor sit amet"><img src="themes/custom/education_pro/assets/theme/img/blog/1.jpg" class="img-fluid" alt="Blog Post Image"></a>
                        <div class="posted-on"><span>21</span>Sep, 2021</div>
                    </div>
                    <div class="card-body">
                        <h2><a href="#" title="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet</a></h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt...</p>
                        <a class="btn btn-link" href="#" title="Read More" role="button">Read More</a>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="card card-news">
                    <div class="card-image">
                        <a href="#" class="image" title="Lorem ipsum dolor sit amet"><img src="themes/custom/education_pro/assets/theme/img/blog/1.jpg" class="img-fluid" alt="Blog Post Image"></a>
                        <div class="posted-on"><span>21</span>Sep, 2021</div>
                    </div>
                    <div class="card-body">
                        <h2><a href="#" title="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet</a></h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt...</p>
                        <a class="btn btn-link" href="#" title="Read More" role="button">Read More</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                        Copy to clipboard