Blog Contents


    <!-- blog item -->
    <article class="col-lg-4 col-sm-6">
        <div class="card border-0 rounded-0 position-relative box-shadow">
            <img class="card-img-top rounded-0" src="../images/name.jpg" alt="">
            <div class="card-body">
            <div class="card-meta text-uppercase mb-2">by <strong class="text-dark">admin</strong>/ on <strong class="text-dark">1 Sep, 2018</strong></div>
            <a href="#">
                <h4 class="card-title">title</h4>
            </a>
            <div class="section-title-border"></div>
            <p class="card-text">content</p>
            <div>
        <div>
    <article>

                                
How to Use

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

Article
blog-thumb
by admin/ on 1 Sep, 2018

elit duied aiusmod tempor did labore dolory

Excepteur sint ocacat cupidatat non proi dent sunt in culpa qui officia deserunt. mollit anim id est laborum. sed ut pers piciatis unde omnis iste natus error. sit voluptatem.

Article
blog-thumb
by admin/ on 2 Sep, 2018

elit duied aiusmod tempor did labore dolory

Excepteur sint ocacat cupidatat non proi dent sunt in culpa qui officia deserunt. mollit anim id est laborum. sed ut pers piciatis unde omnis iste natus error. sit voluptatem.

Article
blog-thumb
by admin/ on 3 Sep, 2018

elit duied aiusmod tempor did labore dolory

Excepteur sint ocacat cupidatat non proi dent sunt in culpa qui officia deserunt. mollit anim id est laborum. sed ut pers piciatis unde omnis iste natus error. sit voluptatem.

Blog Contents 2


    <!-- blog-item 2 -->
    <article class="col-lg-4 col-sm-6 mb-lg-0 mb-4">
        <div class="card border-0 rounded-0 position-relative box-shadow">
            <div class="card-type">Article</div>
            <img class="card-img-top rounded-top-0 clip-half-cycle" src="images" alt="blog-thumb">
            <div class="card-body">
                <div class="title-border-left">
                    <div class="card-meta text-uppercase mb-2">by <strong class="text-dark">admin</strong>/
                        on <strong class="text-dark">1
                            Sep, 2018</strong></div>
                    <a href="#">
                        <h4 class="card-title">title</h4>
                    </a>
                </div>
                <p class="card-text">content</p>
                <a href="#" class="btn btn-secondary btn-arrow">read more</a>
            </div>
        </div>
    </article>

                                
How to Use

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