![](http://server.ocmsbd.com/erp/ocmsdev/wp-content/uploads/2015/07/home_software_pattern-1.png)
Responsive Semantic Timeline
Semantic
The timeline is created using negative margins and a top border.
Relative
All elements are positioned realtive to the parent. No absolute positioning.
Contained
The timeline does not extend past the first and last elements.