Completed
Navbar Styles Change on Scroll using JavaScript
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Build a Responsive Multipage Education-School Website Using HTML, CSS & JavaScript - Complete Tutorial
Automatically move to the next video in the Classroom when playback concludes
- 1 Intro Project Preview
- 2 Project Folder and Files Structure
- 3 VSCode Extensions emmet & Preview on web server
- 4 Navbar HTML
- 5 Using Iconscout https://unicons.iconscout.com/release/v2.1.6/css/unicons.css
- 6 Browser Default Styles reset
- 7 CSS Root Variables
- 8 Importing Google Fonts montserrat
- 9 General CSS Styles and Classes
- 10 Navbar CSS
- 11 Header HTML
- 12 Header CSS
- 13 Categories HTML
- 14 Categories CSS
- 15 Navbar Styles Change on Scroll using JavaScript
- 16 Popular Courses HTML
- 17 Popular Courses CSS
- 18 FAQs HTML
- 19 FAQs CSS
- 20 FAQs Toggle using JavaScript
- 21 Testimonials HTML
- 22 Testimonials CSS
- 23 Testimonials Slide using SwiperJS https://swiperjs.com
- 24 Footer HTML
- 25 Footer CSS
- 26 Responsive Design for Tablets CSS Media Queries for tablets
- 27 Navbar Dropdown Menu Style
- 28 Navbar Dropdown Menu Toggle using JavaScript
- 29 Navbar Dropdown Menu Animation using CSS Keyframes
- 30 Responsive Design for Mobile Phones CSS Media Queries for mobile phones
- 31 About Page Achievements HTML
- 32 About Page Achievements CSS
- 33 About Page Team HTML
- 34 About Page Team CSS
- 35 About Page Responsive Design CSS Media Queries for About Page
- 36 Courses Page
- 37 Contact Page HTML
- 38 Contact Page CSS
- 39 Contact Page Responsive Design
- 40 Form Submission using FormSpree https://formspree.io
- 41 Adding Background Image Texture
