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.