Search Here

Blog Contents


    <!-- blog item -->
    <div class="col-lg-4 col-sm-6 mb-4 mb-lg-0">
        <div class="card">
            <img class="card-img-top" src="../images/name.jpg" alt="">
            <div class="card-body p-0">
                <div class="p-3 border-bottom">
                    <h6 class="text-primary">Dec 20, 2017 </h6>
                    <a href="blog-single.html" class="h4 card-title font-primary text-dark">title</a>
                    <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa, aut.</p>
                <div>
                <a href="#" class="card-link d-inline-block text-color p-2"><i class="text-primary me-2 ti-user"></i>Admin</a>
                <a href="#" class="card-link d-inline-block text-color p-2"><i class="text-primary me-2 ti-comments-smiley"> </i>30
                    Comments </a>
                <a href="#" class="card-link d-inline-block text-color p-2 px-3 float-end border-left"><i class="text-primary ti-share"></i></a>
            <div>
        <div>
    <div>

                                
How to Use

Just Copy the code. Don't remove the classnames. Use your own class for customization

news-thumbnail
Dec 20, 2017
Cras sed elit sit amet.

Lorem ipsum dolor amet consectur adipsicing elit sed eiusm tempor incididunt labore dolore. magna aliqua enim minim.

Admin 30 Comments
news-thumbnail
Dec 20, 2017
Cras sed elit sit amet.

Lorem ipsum dolor amet consectur adipsicing elit sed eiusm tempor incididunt labore dolore. magna aliqua enim minim.

Admin 30 Comments
news-thumbnail
Dec 20, 2017
Cras sed elit sit amet.

Lorem ipsum dolor amet consectur adipsicing elit sed eiusm tempor incididunt labore dolore. magna aliqua enim minim.

Admin 30 Comments

Blog Contents 2


    <!-- blog-item 2 -->
    <div class="col-lg-4 col-sm-6 mb-4">
            <div class="card">
                <div class="card-img-wrapper overlay-rounded-top">
                    <img class="card-img-top" src="../images/name.jpg" alt="">
                </div>
                <div class="card-body p-0">
                    <div class="d-flex">
                        <div class="py-3 px-4 border-right text-center">
                            <h3 class="text-primary mb-0">25</h3>
                            <p class="mb-0">Nov</p>
                        </div>
                        <div class="p-3">
                        <a href="blog-single.html" class="h4 font-primary text-dark">Title</a>
                        <p>by Admin</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

                                
How to Use

Just Copy the code. Don't remove the classnames. Use your own class for customization

blog-thumbnail

25

Nov

blog-thumbnail

25

Nov

blog-thumbnail

25

Nov