Learn How To Create a Responsive Landing Page Using HTML CSS & JavaScript | Apple AirPods Max Headphone Website Design 🎧
📁 Assets
Icons: https://boxicons.com/
Fonts: https://fonts.google.com/
GitHub: https://github.com/JustPerfectDesigns
💡 Project Inspiration
https://www.apple.com/ng/airpods-max/
✒️ The Design on Figma
https://www.figma.com/file/ISPtVScv1i13reEkp46i76/Untitled
🔗 Source code
https://github.com/JustPerfectDesigns/Responsive-Landing-Page-For-Apple-AirPods-Max.git
✒️ WordPress Elementor Version
https://youtu.be/3UenAUBHs2w
🔔 Subscribe for more!
https://bit.ly/3cZvaEK
⏱ Timestamps
0:00 Intro
3:35 Project Setup & Reusable CSS Classes
13:22 Header & Nav Menu
32:17 Home / Hero Section
41:41 Design Section
46:17 Features Section
49:55 Change Header Background
54:44 Features Section Continues
59:16 Hotspot Tooltip Css Styling
01:12:17 Features Css Styling
01:14:29 Case Section
01:20:30 Product / Colors Section
01:36-38 Footer Section
01:44:38 Breakpoints / Media Queries
02:29:07 Final Project
👍 Thanks for watching!
Make Sure To Like & Subscribe For More! ❤
https://bit.ly/3cZvaEK
#headphonewebsite #responsivewebsite #justperfectdesigns
