In {Theme} we have 4 types of blog posts you can created using this markups:
Blog Image
HTML markup
|
1 2 3 4 5 6 7 8 9 10 11 |
<article itemprop="blogPost" itemscope="itemscope" itemtype="http://schema.org/BlogPosting" class="ct-article"> <h4 class="ct-article-title"><a href="blog-single.html" itemprop="url">meetings in london</a></h4><span itemprop="dateCreated" class="h5 ct-article-meta">August 13, 2015 by <a href="#" itemprop="url">Admin</a> in <a href="#" itemprop="url">Trainings</a></span> <div class="ct-article-media"><a href="blog-single.html" itemprop="url"><img src="assets/images/demo-content/blog-post.jpg" alt=""/></a> </div> <div itemprop="text" class="ct-article-description"> <p>Nam a diam tincidunt, condimentum nisi et, fringilla lectus. Nullam nec lectus eu erat tempus pulvinar. Quisque mauris felis, porta et cursus vel. Nullam nec lectus eu erat tempus pulvinar. Quisque mauris felis, porta et cursus vel.</p> </div> <div class="ct-article-comments"><a href="blog-single.html" class="h6 text-uppercase pull-left">continue reading</a><span class="pull-right h6">2 Comments</span> <div class="clearfix"></div> </div> </article> |
Screenshot
Blog Image
Blog Slider
HTML markup
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<article itemprop="blogPost" itemscope="itemscope" itemtype="http://schema.org/BlogPosting" class="ct-article"> <h4 class="ct-article-title"><a href="blog-single.html" itemprop="url">getting full-room</a></h4><span itemprop="dateCreated" class="h5 ct-article-meta">August 7, 2015 by <a href="#" itemprop="url">Admin</a> in <a href="#" itemprop="url">other</a></span> <div class="ct-article-media"> <div data-arrows="true" class="ct-slick ct-js-slick"> <div class="tablex item"><img src="assets/images/demo-content/blog-post2.jpg" alt=""/></div> <div class="tablex item"><img src="assets/images/demo-content/blog-post.jpg" alt=""/></div> <div class="tablex item"><img src="assets/images/demo-content/blog-post3.jpg" alt=""/></div> </div> </div> <div itemprop="text" class="ct-article-description"> <p>Nam a diam tincidunt, condimentum nisi et, fringilla lectus. Nullam nec lectus eu erat tempus pulvinar. Quisque mauris felis, porta et cursus vel. Nullam nec lectus eu erat tempus pulvinar. Quisque mauris felis, porta et cursus vel.</p> </div> <div class="ct-article-comments"><a href="blog-single.html" class="h6 text-uppercase pull-left">continue reading</a><span class="pull-right h6">2 Comments</span> <div class="clearfix"></div> </div> </article> |
Screenshot
Blog Slider
Blog Aside
HTML markup
|
1 2 3 4 5 6 |
<article itemprop="blogPost" itemscope="itemscope" itemtype="http://schema.org/BlogPosting" class="ct-article ct-article-aside"> <h4 class="ct-article-title"><a href="blog-single.html" itemprop="url">this is aside post</a></h4><span itemprop="dateCreated" class="h5 ct-article-meta">July 9, 2015 by <a href="#" itemprop="url">Admin</a> in <a href="#" itemprop="url">Announcements</a></span> <div itemprop="text" class="ct-article-description"> <p>Nam a diam tincidunt, condimentum nisi et, fringilla lectus. Nullam nec lectus eu erat tempus pulvinar. Quisque mauris felis, porta et cursus vel. Nullam nec lectus eu erat tempus pulvinar. Quisque mauris felis, porta et cursus vel.</p> </div> </article> |
Screenshot
Blog Aside
Blog Video
HTML markup
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<article itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting" class="ct-article"> <h4 class="ct-article-title">Check it out<a href="blog-single.html" itemprop="url"></a></h4><span itemprop="dateCreated" class="h5 ct-article-meta"> August 14, 2015 by <a href="#" itemprop="url">Admin</a> in <a href="#" itemprop="url">Video</a></span> <div class="ct-article-media"> <div class="embed-responsive embed-responsive-16by9"> <iframe src="https://www.youtube.com/embed/2Rxoz13Bthc" class="embed-responsive-item"></iframe> </div> </div> <div itemprop="text" class="ct-article-description"> <p>Nam a diam tincidunt, condimentum nisi et, fringilla lectus. Nullam nec lectus eu erat tempus pulvinar. Quisque mauris felis, porta et cursus vel. Nullam nec lectus eu erat tempus pulvinar. Quisque mauris felis, porta et cursus vel.</p> </div> <div class="ct-article-comments"><a href="blog-single.html" class="h6 text-uppercase pull-left">continue reading</a><span class="pull-right h6">2 Comments</span> <div class="clearfix"></div> </div> </article> |
Screenshot
Blog Video