Close

Timeline style 11

This is an example of a timeline view in a list view, designed with CSS and HTML. The body is given a style set of color as #D3D7D8, font-family as Roboto', sans-serif, padding as 20px 100px, position as relative and overflow as hidden. The icons have been imported to the form with the CSS framework Font Awesome. The icons have been assigned a style set of background color as #e7e7e7, font size as 80px, text-align as center, line height and height as 130px and width as 160px. Each timeline year label has been assigned a border color of #FF9389, #FDCC4C, #ADEEC3, and #7AB8DD, which are also used as background colors combined with linear gradient colors, respectively. The timeline years icons also have the styles of color as #fff, font size as 70px, font-weight as 600, text-align as center, text-shadow as 2px 2px 5px #000, border-radius as 50% making them circles, height and width as 200px whereas label titles have the styles of color as #808080 and text-transform as capitalize to make the first letter of each word capital.

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published.