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

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

EGATOR via YouTube Direct link

Intro Project Preview

1 of 30

1 of 30

Intro Project Preview

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

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

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

  1. 1 Intro Project Preview
  2. 2 Project Folder/Files Structure
  3. 3 VS Code Extensions
  4. 4 Navbar Markup HTML
  5. 5 Iconscout CDN importation
  6. 6 CSS Variables
  7. 7 Importing Google Fonts
  8. 8 General CSS Styles
  9. 9 Navbar Styles CSS
  10. 10 Header Markup HTML
  11. 11 Header Styles CSS
  12. 12 Companies Markup HTML
  13. 13 Companies Styles CSS
  14. 14 Services Section Markup HTML
  15. 15 Services Section Styles CSS
  16. 16 Portfolio Section Markup HTML
  17. 17 Portfolio Section Styles CSS
  18. 18 Testimonials Section Markup HTML
  19. 19 Testimonials Section Styles CSS
  20. 20 Contact Section Markup HTML
  21. 21 Contact Section Styles CSS
  22. 22 Form Submission with Spam protection using Formspree
  23. 23 Responsive Design CSS Media Queries for Tablets
  24. 24 Responsive Nav Menu open & close Functionality using JavaScript
  25. 25 Responsive Dropdown Menu Animation using CSS Keyframes
  26. 26 Header and other Section Media Queries for Tablets
  27. 27 Responsive Design CSS Media Queries for Mobile Phones using
  28. 28 Nav Dropdown Menu Close Functionality on Nav Item Click using JavaScript
  29. 29 Change Navbar Styles on scroll using JavaScript
  30. 30 Generating Testimonials using JavaScript

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.