Close

Timeline stye 8

This is a template of a timeline view with its labels spread around the timeline tree, designed using HTML and CSS. The body of the form is given a background color of #0B3E41, font family of 'Oxygen', sans-serif, and a position as relative. The icons are given a height and width of 70px, line-height as 70px, a color of #0C3F42, 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 #FEC93F, #55b0ed, #ff665b, and #2ecc71, respectively. The title of the label is given a style set of background color as #0C3F42, font size as 25px, font-weight as 800, letter-spacing as 1px, padding as 10px 10px, 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 and letter spacing as 1px. The font size of the main timeline title is set as 20px. The icons have been imported to the form with the CSS framework Font Awesome.

Post Comment or Questions

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

Your email address will not be published.