Timeline Blog Layout

Below our Howidivit Timeline Blog section. We had it online on our Blog Page a few months ago. If you want to recreate it step by step you can find the tutorial in this blog post, otherwise you can download it scrolling down this page.

w

 

w

 

w

 

Timeline Blog Layout

A different way to show your featured blog posts both in a Blog Page and in the Homepage.

This layout is a blog section. It is essentially a vertical timeline made of four blurbs, on the left we have the post featured image clipped in a circle with different background colors while on the right we have the post title on a diagonal gradient as background. We also have the meta post right above the timeline blurb icon and on hovering we have a nice effect with a column shift: the post meta and a “View Post” button appear right above the image on the left, in the center, in place of the blurb icon we will have the post title and on the right will slide the post excerpt.