Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Responsive Christmas Website Design Using HTML CSS & JavaScript | Parallax Scrolling Website
Play lesson

Responsive Website Using HTML CSS And JavaScript - Responsive Christmas Website Design Using HTML CSS & JavaScript | Parallax Scrolling Website

4.0 (1)
33 learners

What you'll learn

This course includes

  • 76.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

Responsive Christmas Website Design Using HTML CSS & JavaScript | Parallax Scrolling Website 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 source code https://buymeacoffee.com/bedimcode/e/105105 πŸ’™ Get template by PayPal https://ko-fi.com/s/2088fc2fbc - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - πŸ‘¨β€πŸ’» 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

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere