Close

Timeline style 3

This is another example of a timeline view but without a timeline bar, designed with HTML and CSS. The body of the timeline is designed with CSS with its values set as font-family to ‘Roboto', sans-serif, background color to #fff and position to relative. Each timeline label has been assigned a linear gradient color combination of #d62053 and #AF2850, #fc8d44 and #fc7114, #1071b2 and #0A5C96, #3fb1ea and #3DA6DC, respectively. The title of the label is given a style set of font size as 22px, font-weight as 700, and text-transform as uppercase to convert the text to uppercase. The label description has been given a style set of font size as 14px and line spacing as 1px. 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.

Post Comment or Questions

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

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.