Responsive Christmas Website Design Using HTML CSS & JavaScript

With CSS animations and parallax scrolling. It includes an elegant dark theme style. With website deployment to the internet. Developed first with the Mobile First methodology, then for desktop.

Enjoy the video, greetings and success 😎

🔔 Subscribe for more!
https://www.youtube.com/c/Bedimcode

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
❤ Get template
https://www.buymeacoffee.com/bedimcode/e/105105

💙 Get template by PayPal
https://ko-fi.com/s/2088fc2fbc

🔗 Membership (All Source Code)
https://www.buymeacoffee.com/bedimcode/membership

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
👨‍💻 Start project from scratch
https://github.com/bedimcode/responsive-christmas-website-2

☝ Start developing the project (base files + images)
– Click on the GitHub link
– Click the green button (code)
– Click Download ZIP
– Extract the project to the desired location

📂Assets
Icons: https://remixicon.com/
Fonts: https://fonts.google.com/
JS Functions: https://github.com/bedimcode/responsive-watches-website
RellaxJS: https://dixonandmoe.com/rellax/
Gsap: https://greensock.com/get-started/
ScrollReveal: https://scrollrevealjs.org/
Netlify: https://www.netlify.com/

⏱ Timestamps
0:00 Intro Responsive Christmas Website
2:37 Project Setup
4:30 Variables CSS
4:44 Reset HTML & Reusable CSS
7:36 Header & Nav
20:14 Home
27:00 About
30:50 Buttons
32:22 Animate Snow
34:25 Change Background Header
35:50 Send
41:41 Celebrate
45:37 Footer
52:14 Scroll Bar 53:46 Scroll Up
57:00 Scroll Sections Active Link
58:37 Breakpoints
1:16:20 Parallax Animation
1:19:24 Gsap Animation
1:23:09 ScrollReveal Animation
1:25:45 Final Project
1:26:49 Website Deployment (Uploading to the internet)

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
📸 Images
https://iconscout.com/
https://www.freepik.com/

📬 Doubts about the project send a DM to Facebook
⌚ I answer at 6:00 PM (Perú time)

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
☕️ Support me
https://www.buymeacoffee.com/bedimcode

💙 Support me by PayPal
https://ko-fi.com/bedimcode

👍 Thanks for watching!
Make sure to like + Subscribe for more! 💗

#responsivewebsite #websitehtmlcss #bedimcode