Elements - Blogs

                        
    <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-blog-post">
                        <div class="card-image">
                            <a href="javascript:void(0)" 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>
                            <a href="javascript:void(0)" title="" class="tag">Category Title</a>
                        </div>
                        <div class="card-body">
                            <h2><a href="javascript:void(0)" title="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet</a></h2>
                            <div class="post-info"><span class="posted-by"><a href="javascript:void(0)" title=""><span class="avatar"><img class="avatar-img rounded-circle" src="themes/custom/education_pro/assets/theme/img/blog/user.jpg" alt="avatar"></span>Admin</a></span><span class="posted-on">5 Hours Ago</span><span class="post-views"><i class="far fa-eye"></i>140</span><span class="post-comments"><i class="far fa-comment"></i>10</span></div>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt...</p>
                            <a class="btn btn-primary" href="javascript:void(0)" title="Read More" role="button">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="card card-blog-post">
                        <div class="card-image">
                            <a href="javascript:void(0)" class="image" title="Lorem ipsum dolor sit amet"><img src="themes/custom/education_pro/assets/theme/img/blog/blog-2.jpg" class="img-fluid" alt="Blog Post Image"></a>
                            <a href="javascript:void(0)" title="" class="tag">Category Title</a>
                        </div>
                        <div class="card-body">
                            <h2><a href="javascript:void(0)" title="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet</a></h2>
                            <div class="post-info"><span class="posted-by"><a href="javascript:void(0)" title=""><span class="avatar"><img class="avatar-img rounded-circle" src="themes/custom/education_pro/assets/theme/img/blog/user.jpg" alt="avatar"></span>Admin</a></span><span class="posted-on">5 Hours Ago</span><span class="post-views"><i class="far fa-eye"></i>140</span><span class="post-comments"><i class="far fa-comment"></i>10</span></div>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt...</p>
                            <a class="btn btn-primary" href="javascript:void(0)" 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-blog-post">
                        <div class="card-image">
                            <a href="javascript:void(0)" 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>
                            <a href="javascript:void(0)" title="" class="tag">Category Title</a>
                        </div>
                        <div class="card-body">
                            <h2><a href="javascript:void(0)" title="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet</a></h2>
                            <div class="post-info"><span class="posted-by"><a href="javascript:void(0)" title=""><span class="avatar"><img class="avatar-img rounded-circle" src="themes/custom/education_pro/assets/theme/img/blog/user.jpg" alt="avatar"></span>Admin</a></span><span class="posted-on">5 Hours Ago</span><span class="post-views"><i class="far fa-eye"></i>140</span><span class="post-comments"><i class="far fa-comment"></i>10</span></div>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt...</p>
                            <a class="btn btn-primary" href="javascript:void(0)" title="Read More" role="button">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card card-blog-post">
                        <div class="card-image">
                            <a href="javascript:void(0)" class="image" title="Lorem ipsum dolor sit amet"><img src="themes/custom/education_pro/assets/theme/img/blog/blog-2.jpg" class="img-fluid" alt="Blog Post Image"></a>
                            <a href="javascript:void(0)" title="" class="tag">Category Title</a>
                        </div>
                        <div class="card-body">
                            <h2><a href="javascript:void(0)" title="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet</a></h2>
                            <div class="post-info"><span class="posted-by"><a href="javascript:void(0)" title=""><span class="avatar"><img class="avatar-img rounded-circle" src="themes/custom/education_pro/assets/theme/img/blog/user.jpg" alt="avatar"></span>Admin</a></span><span class="posted-on">5 Hours Ago</span><span class="post-views"><i class="far fa-eye"></i>140</span><span class="post-comments"><i class="far fa-comment"></i>10</span></div>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt...</p>
                            <a class="btn btn-primary" href="javascript:void(0)" title="Read More" role="button">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card card-blog-post">
                        <div class="card-image">
                            <a href="javascript:void(0)" class="image" title="Lorem ipsum dolor sit amet"><img src="themes/custom/education_pro/assets/theme/img/blog/blog-3.jpg" class="img-fluid" alt="Blog Post Image"></a>
                            <a href="javascript:void(0)" title="" class="tag">Category Title</a>
                        </div>
                        <div class="card-body">
                            <h2><a href="javascript:void(0)" title="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet</a></h2>
                            <div class="post-info"><span class="posted-by"><a href="javascript:void(0)" title=""><span class="avatar"><img class="avatar-img rounded-circle" src="themes/custom/education_pro/assets/theme/img/blog/user.jpg" alt="avatar"></span>Admin</a></span><span class="posted-on">5 Hours Ago</span><span class="post-views"><i class="far fa-eye"></i>140</span><span class="post-comments"><i class="far fa-comment"></i>10</span></div>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt...</p>
                            <a class="btn btn-primary" href="javascript:void(0)" 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-6 col-lg-3">
                    <div class="card card-blog-post">
                        <div class="card-image">
                            <a href="javascript:void(0)" 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>
                            <a href="javascript:void(0)" title="" class="tag">Category Title</a>
                        </div>
                        <div class="card-body">
                            <h2><a href="javascript:void(0)" title="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet</a></h2>
                            <div class="post-info"><span class="posted-by"><a href="javascript:void(0)" title=""><span class="avatar"><img class="avatar-img rounded-circle" src="themes/custom/education_pro/assets/theme/img/blog/user.jpg" alt="avatar"></span>Admin</a></span><span class="posted-on">5 Hours Ago</span></div>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt...</p>
                            <a class="btn btn-primary" href="javascript:void(0)" title="Read More" role="button">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-3">
                    <div class="card card-blog-post">
                        <div class="card-image">
                            <a href="javascript:void(0)" class="image" title="Lorem ipsum dolor sit amet"><img src="themes/custom/education_pro/assets/theme/img/blog/blog-2.jpg" class="img-fluid" alt="Blog Post Image"></a>
                            <a href="javascript:void(0)" title="" class="tag">Category Title</a>
                        </div>
                        <div class="card-body">
                            <h2><a href="javascript:void(0)" title="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet</a></h2>
                            <div class="post-info"><span class="posted-by"><a href="javascript:void(0)" title=""><span class="avatar"><img class="avatar-img rounded-circle" src="themes/custom/education_pro/assets/theme/img/blog/user.jpg" alt="avatar"></span>Admin</a></span><span class="posted-on">5 Hours Ago</span></div>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt...</p>
                            <a class="btn btn-primary" href="javascript:void(0)" title="Read More" role="button">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-3">
                    <div class="card card-blog-post">
                        <div class="card-image">
                            <a href="javascript:void(0)" class="image" title="Lorem ipsum dolor sit amet"><img src="themes/custom/education_pro/assets/theme/img/blog/blog-3.jpg" class="img-fluid" alt="Blog Post Image"></a>
                            <a href="javascript:void(0)" title="" class="tag">Category Title</a>
                        </div>
                        <div class="card-body">
                            <h2><a href="javascript:void(0)" title="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet</a></h2>
                            <div class="post-info"><span class="posted-by"><a href="javascript:void(0)" title=""><span class="avatar"><img class="avatar-img rounded-circle" src="themes/custom/education_pro/assets/theme/img/blog/user.jpg" alt="avatar"></span>Admin</a></span><span class="posted-on">5 Hours Ago</span></div>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt...</p>
                            <a class="btn btn-primary" href="javascript:void(0)" title="Read More" role="button">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-3">
                    <div class="card card-blog-post">
                        <div class="card-image">
                            <a href="javascript:void(0)" class="image" title="Lorem ipsum dolor sit amet"><img src="themes/custom/education_pro/assets/theme/img/blog/blog-3.jpg" class="img-fluid" alt="Blog Post Image"></a>
                            <a href="javascript:void(0)" title="" class="tag">Category Title</a>
                        </div>
                        <div class="card-body">
                            <h2><a href="javascript:void(0)" title="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet</a></h2>
                            <div class="post-info"><span class="posted-by"><a href="javascript:void(0)" title=""><span class="avatar"><img class="avatar-img rounded-circle" src="themes/custom/education_pro/assets/theme/img/blog/user.jpg" alt="avatar"></span>Admin</a></span><span class="posted-on">5 Hours Ago</span></div>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt...</p>
                            <a class="btn btn-primary" href="javascript:void(0)" title="Read More" role="button">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

                        Copy to clipboard