Loading...

Elements Blog posts

Blog Posts

Blog Posts 1

Unique Designs, Unique for You

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration...

Read more

Intelligent beautiful HTML template

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration...

Read more

Creative, flexible and affordable

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration...

Read more
HTML Code:
<section class="home-blog-post p-0">
    <div class="row">
        <div class="col-12 col-sm-12 col-md-12 col-lg-12">
            <div class="blog-post-slider">
                <div class="blogpost-item">
                    <a href="blog-single-post.html" class="post-thumb">
                        <img class="blur-up lazyload" src="assets/images/blog/post-1.jpg" data-src="assets/images/blog/post-1.jpg" alt="" title=""/>
                    </a>
                    <div class="post-detail">
                        <h3 class="post-title mb-3"><a href="#;">Unique Designs, Unique for You</a></h3>
                        <ul class="publish-detail d-flex-center mb-3">
                            <li class="d-flex align-items-center"><i class="an an-calendar me-2"></i> <span class="article__date">March 06, 2021</span></li>
                            <li class="d-flex align-items-center"><i class="an an-comments-l me-2"></i> <a href="#;" class="article-link">1 comment</a></li>
                        </ul>
                        <p class="exceprt">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration...</p>
                        <a href="blog-single-post.html" class="btn-small">Read more</a>
                    </div>
                </div>
                <div class="blogpost-item">
                    <a href="blog-single-post.html" class="post-thumb">
                        <img class="blur-up lazyload" src="assets/images/blog/post-2.jpg" data-src="assets/images/blog/post-2.jpg" alt="" title=""/>
                    </a>
                    <div class="post-detail">
                        <h3 class="post-title mb-3"><a href="#;">Intelligent beautiful HTML template</a></h3>
                        <ul class="publish-detail d-flex-center mb-3">
                            <li class="d-flex align-items-center"><i class="an an-calendar me-2"></i> <span class="article__date">March 25, 2021</span></li>
                            <li class="d-flex align-items-center"><i class="an an-comments-l me-2"></i> <a href="#;" class="article-link">10 comment</a></li>
                        </ul>
                        <p class="exceprt">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration...</p>
                        <a href="blog-single-post.html" class="btn-small">Read more</a>
                    </div>
                </div>
                <div class="blogpost-item">
                    <a href="blog-single-post.html" class="post-thumb">
                        <img class="blur-up lazyload" src="assets/images/blog/post-3.jpg" data-src="assets/images/blog/post-3.jpg" alt="" title=""/>
                    </a>
                    <div class="post-detail">
                        <h3 class="post-title mb-3"><a href="#;">Creative, flexible and affordable</a></h3>
                        <ul class="publish-detail d-flex-center mb-3">
                            <li class="d-flex align-items-center"><i class="an an-calendar me-2"></i> <span class="article__date">January 25, 2021</span></li>
                            <li class="d-flex align-items-center"><i class="an an-comments-l me-2"></i> <a href="#;" class="article-link">0 comment</a></li>
                        </ul>
                        <p class="exceprt">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration...</p>
                        <a href="blog-single-post.html" class="btn-small">Read more</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section> 
HTML Code:
<section class="home-blog-post p-0">
    <div class="row">
        <div class="col-12 col-sm-12 col-md-12 col-lg-12">
            <div class="blog-post-slider-style2">
                <div class="blogpost-item mb-0">
                    <a href="blog-single-post.html" class="post-thumb"><img class="blur-up lazyload" src="assets/images/blog/post-1.jpg" data-src="assets/images/blog/post-1.jpg" alt="blog" title=""/></a>
                    <div class="post-detail">
                        <h3 class="post-title"><a href="blog-single-post.html">Unique Designs, Unique You</a></h3>
                        <ul class="publish-detail d-flex-center">
                            <li class="d-flex align-items-center"><i class="an an-calendar me-2 d-none"></i> <span class="article__date">March 06, 2021</span></li>
                            <li class="d-flex align-items-center"><i class="an an-comments-l me-2 d-none"></i> <a href="#;" class="article-link">1 comment</a></li>
                        </ul>
                    </div>
                </div>
                <div class="blogpost-item mb-0">
                    <a href="blog-single-post.html" class="post-thumb"><img class="blur-up lazyload" src="assets/images/blog/post-2.jpg" data-src="assets/images/blog/post-2.jpg" alt="" title=""/></a>
                    <div class="post-detail">
                        <h3 class="post-title"><a href="blog-single-post.html">Intelligent beautiful HTML template</a></h3>
                        <ul class="publish-detail d-flex-center">
                            <li class="d-flex align-items-center"><i class="an an-calendar me-2 d-none"></i> <span class="article__date">March 25, 2021</span></li>
                            <li class="d-flex align-items-center"><i class="an an-comments-l me-2 d-none"></i> <a href="#;" class="article-link">10 comment</a></li>
                        </ul>
                    </div>
                </div>
                <div class="blogpost-item mb-0">
                    <a href="blog-single-post.html" class="post-thumb"><img class="blur-up lazyload" src="assets/images/blog/post-3.jpg" data-src="assets/images/blog/post-3.jpg" alt="" title=""/></a>
                    <div class="post-detail">
                        <h3 class="post-title"><a href="blog-single-post.html">Creative, flexible and affordable</a></h3>
                        <ul class="publish-detail d-flex-center">
                            <li class="d-flex align-items-center"><i class="an an-calendar me-2 d-none"></i> <span class="article__date">January 25, 2021</span></li>
                            <li class="d-flex align-items-center"><i class="an an-comments-l me-2 d-none"></i> <a href="#;" class="article-link">0 comment</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
Blog Posts 3
image

The Best Pet Bird Food

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration...

Read more
image

Cat ear language: how to learn to decipher it

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration...

Read more
image

Dog walking: five tips to a better dog walking

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration...

Read more
HTML Code:
<section class="home-blog-post p-0">
    <div class="row text-center">
        <div class="col-12 col-sm-12 col-md-12 col-lg-12">
            <div class="blog-post-slider">
                <div class="blogpost-item">
                    <a href="blog-single-post.html" class="post-thumb">
                        <img class="blur-up lazyload" src="assets/images/blog/post-1.jpg" data-src="assets/images/blog/post-1.jpg" alt="image" title=""/>
                    </a>
                    <div class="post-detail">
                        <h4 class="post-title mb-10"><a href="blog-single-post.html">The Best Pet Bird Food</a></h4>
                        <ul class="publish-detail d-flex-center justify-content-center mb-3" style="color:#333;">
                            <li class="d-flex align-items-center"><i class="an an-calendar me-2 d-none"></i> <span class="article__date">October 10, 2021</span></li>
                            <li class="d-flex align-items-center"><i class="an an-comments-l me-2 d-none"></i> <a href="#;" class="article-link">2 comment</a></li>
                        </ul>
                        <p class="exceprt d-none">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration...</p>
                        <a href="blog-single-post.html" class="btn-small">Read more</a>
                    </div>
                </div>
                <div class="blogpost-item">
                    <a href="blog-single-post.html" class="post-thumb">
                        <img class="blur-up lazyload" src="assets/images/blog/post-2.jpg" data-src="assets/images/blog/post-2.jpg" alt="image" title=""/>
                    </a>
                    <div class="post-detail">
                        <h4 class="post-title mb-10"><a href="blog-single-post.html">Cat ear language: how to learn to decipher it</a></h4>
                        <ul class="publish-detail d-flex-center justify-content-center mb-3" style="color:#333;">
                            <li class="d-flex align-items-center"><i class="an an-calendar me-2 d-none"></i> <span class="article__date">October 17, 2021</span></li>
                            <li class="d-flex align-items-center"><i class="an an-comments-l me-2 d-none"></i> <a href="#;" class="article-link">14 comment</a></li>
                        </ul>
                        <p class="exceprt d-none">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration...</p>
                        <a href="blog-single-post.html" class="btn-small">Read more</a>
                    </div>
                </div>
                <div class="blogpost-item">
                    <a href="blog-single-post.html" class="post-thumb">
                        <img class="blur-up lazyload" src="assets/images/blog/post-3.jpg" data-src="assets/images/blog/post-3.jpg" alt="image" title=""/>
                    </a>
                    <div class="post-detail">
                        <h4 class="post-title mb-10"><a href="blog-single-post.html">Dog walking: five tips to a better dog walking</a></h4>
                        <ul class="publish-detail d-flex-center justify-content-center mb-3" style="color:#333;">
                            <li class="d-flex align-items-center"><i class="an an-calendar me-2 d-none"></i> <span class="article__date">October 24, 2021</span></li>
                            <li class="d-flex align-items-center"><i class="an an-comments-l me-2 d-none"></i> <a href="#;" class="article-link">0 comment</a></li>
                        </ul>
                        <p class="exceprt d-none">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration...</p>
                        <a href="blog-single-post.html" class="btn-small">Read more</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>