Blog Section Block
This section was added for show your latest stories on homepage
<article class="post"> <figure class="post-thumb"> <!-- Post Thumbnail --> </figure> <div class="post-content"> <div class="entry-meta"> <!-- Blog Meta Top --> </div> <h2 class="entry-title"> <!-- Blog Title --> </h2> <div class="entry-footer"> <!-- Blog Footer Meta --> </div> </div> </article>
Blog Slider/Carousel Data
I added some data attributes. with carousel. It will help to control your carousel easily.Let's talk about data-item value.
1st value "4" is upto 1200px device width 4 item are show.
2nd value "3" is upto 768px device width 3 item are show.
3nd value "2" is upto 480px device width 2 item are show.
4th value "1" is upto 280px device width 1 item are show.
<div class="vehicle-blog-slider" data-item="[3,2,1,1]"> <div class="item" <article class="post"> <!-- Article Content --> </article> </div> </div> <!-- /.vehicle-blog-slider -->