Complete Responsive Personal Portfolio Website Using HTML, CSS & JavaScript - Full Tutorial

Complete Responsive Personal Portfolio Website Using HTML, CSS & JavaScript - Full Tutorial

EGATOR via YouTube Direct link

Landing Animation Area CSS

9 of 33

9 of 33

Landing Animation Area CSS

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Complete Responsive Personal Portfolio Website Using HTML, CSS & JavaScript - Full Tutorial

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

  1. 1 Course Introduction Project Overview
  2. 2 Buying our Hosting & claming our free Domain Name
  3. 3 Project Folder Structure & extensions
  4. 4 Navbar HTML
  5. 5 Adding Material Icons CDN
  6. 6 General CSS Styles CSS Variables and more
  7. 7 Navbar CSS
  8. 8 Landing Animation Area HTML
  9. 9 Landing Animation Area CSS
  10. 10 About HTML
  11. 11 About CSS
  12. 12 Skills HTML
  13. 13 Skills CSS
  14. 14 Services HTML
  15. 15 Services CSS
  16. 16 Portfolio Recent Work HTML
  17. 17 Portfolio Recent Work CSS
  18. 18 Testimonial HTML
  19. 19 Testimonial CSS
  20. 20 Swiper JS for testimonial slides
  21. 21 Contact HTML
  22. 22 Contact CSS
  23. 23 FORMSPREE for Contact Form Submission
  24. 24 Footer HTML
  25. 25 Footer CSS
  26. 26 Responsive Design on small screens CSS Media Queries
  27. 27 Nav Menu / Sidebar Toggle using JavaScript
  28. 28 Nav Items Active Class Toggle in JavaScript
  29. 29 Show more / SHow Less Description Toggle using JavaScript
  30. 30 Skills Items Toggle using JavaScript
  31. 31 Box Shadow on Navbar on scroll
  32. 32 Scrollbar Customization
  33. 33 Website Deployment Uploading our website to the internet

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.