How to Create a Vertical Timeline Using HTML5, CSS3, and Responsive Design

How to Create a Vertical Timeline Using HTML5, CSS3, and Responsive Design

CODE4EDUCATION via YouTube Direct link

Intro

1 of 39

1 of 39

Intro

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

How to Create a Vertical Timeline Using HTML5, CSS3, and Responsive Design

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Intro
  2. 2 Project Start
  3. 3 Vertical Timeline HTML Code
  4. 4 Vertical Timeline HTML Preview
  5. 5 Vertical Timeline HTML Complete
  6. 6 Vertical Timeline Start CSS
  7. 7 Title CSS
  8. 8 Timeline CSS
  9. 9 Timeline Container CSS
  10. 10 Timeline End, Start & Year CSS
  11. 11 Timeline Paragraph CSS
  12. 12 Timeline Year CSS
  13. 13 Timeline Continue CSS
  14. 14 Timeline Continue After CSS
  15. 15 Timeline Left, Right & Date CSS
  16. 16 Timeline Right, Left & Date CSS
  17. 17 Timeline Date CSS
  18. 18 Timeline Date After CSS
  19. 19 Timeline Left Date After CSS
  20. 20 Timeline Right Date After CSS
  21. 21 Timeline Box & Launch CSS
  22. 22 Timeline Launch CSS
  23. 23 Timeline Box Before & After CSS
  24. 24 Timeline Left Box Before & After CSS
  25. 25 Timeline Right Box Before & After CSS
  26. 26 Timeline Launch Before & After CSS
  27. 27 Timeline Box Before CSS
  28. 28 Timeline Right Box After CSS
  29. 29 Timeline Right Box Before CSS
  30. 30 Timeline Launch Box Before & After CSS
  31. 31 Timeline Box After CSS
  32. 32 Timeline Icon CSS
  33. 33 Timeline Font-Awesome CSS
  34. 34 Timeline Box Text CSS
  35. 35 Timeline Launch Text CSS
  36. 36 Timeline Text H3 CSS
  37. 37 Timeline Text Paragraph CSS
  38. 38 Timeline Media Query CSS
  39. 39 Design Completed

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.