HTML markup
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<div class="col-md-12 ct-u-paddingTop120 ct-u-mobileCenter"> <article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting" data-fx="fadeInLeft" class="ct-article animated activate fadeInLeft"> <div class="ct-article-media"><img src="../assets/images/demo-content/delimondo/blog-picture3.jpg" alt="blog-post"></div> <div class="ct-article-content text-left"> <div itemprop="dateCreated" class="ct-article-date"> <div class="ct-article-date-dateDay">21</div> <div class="ct-article-date-dateMonth">sep</div> </div> <ul class="list-inline list-unstyled ct-article-tags"> <li><i class="fa fa-tag"></i></li> <li class="ct-article-tags"><a itemprop="url" href="blog-single.html">all</a></li> <li class="ct-article-tags"><a itemprop="url" href="blog-single.html">business</a></li> <li class="ct-article-tags"><a itemprop="url" href="blog-single.html">team</a></li> </ul> <div class="ct-article-title"><a itemprop="url" href="blog-single.html">a new sous chef has joined</a></div> <div class="ct-article-description"> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada, pellentesque morbi transient.</p> </div> <div class="ct-article-author"><img src="../assets/images/demo-content/delimondo/author1.png" alt="blog-post"><a href="blog-single.html" itemprop="url"><span itemprop="author">victor wagman, chef de cuisine</span></a> <div class="clearfix"></div> </div> </div> </article> <div class="clearfix"></div> </div> |
Blog page in {Theme} has an option that user can see the other hidden posts. If the customer will click on the button the rest post will appear on the page. If the customer want to hide more posts – it is possible by adding .hidden class to the blog like here :