Completed
Responsive Design CSS Media Queries for Mobile Phones using
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
