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