Timeline style 5
This is another template of a timeline view designed using HTML and CSS. The icons of the timeline labels have been positioned to get the timeline tree look. The body of the timeline is designed with CSS with its values set as font-family to ‘Nunito Sans', sans-serif, position to relative, and color to #fff. The text is aligned to the right side. The icons are given a height and width of 90px, the color of #fff, a font size of 40px, text-align as center, border-radius as 50% to make the icon a circle, and position as absolute. Each timeline label has been assigned a color of #E91E63, #2196F3, #009688, and #FF5722, respectively. The title of the label is given a style set of background color as #fff, font size as 20px, font-weight as 800, and text transform as uppercase to convert the text to uppercase always. The label description has been given a style set of font size as 15px. The font size of the main timeline title is set as 18px. The icons have been imported to the form with the CSS framework Font Awesome.