In this video, you'll learn how to create a beautiful and fully responsive Christmas-themed landing page using HTML, CSS, and JavaScript. Follow along as we cover essential concepts in responsive web design and walk through each step of the development process. By the end, you'll have a comprehensive understanding of how to build responsive landing pages and be well on your way to designing your own!

⏱ Timestamps
0:00 Intro
2:53 Project setup
4:37 Variables css, reset html, css reusable
7:55 Header
15:29 Scroll top
18:04 Home
20:37 Share
22:16 Decoration
25:54 Accessories
31:03 Send gift
34:01 Footer
38:35 Media queries
45:43 Light/Dark mode
49:20 ScrollReveal animation

Assets 📁
Icons: https://boxicons.com/ 
Original images : https://icons8.com/l/christmas-3d/ 
Edited images: https://github.com/bedimcode/responsive-landing-page-christmas/tree/main/assets/img 
ScrollReveal: https://scrollrevealjs.org/ 

Source code ⤵️
https://github.com/bedimcode/responsive-landing-page-christmas 

Subscribe : https://www.youtube.com/c/Bedimcode?sub_confirmation=1 

#javascript #html #css