πŸŽƒ Build & Deploy a Responsive Halloween Website Design Using HTML CSS & JavaScript

πŸŽƒ Build & Deploy a Responsive Halloween Website Design Using HTML CSS & JavaScript

Build & deploy a responsive halloween website design using HTML CSS & JavaScript. With CSS animations when scrolling and a dark and elegant interface. 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/94865

πŸ’™ Get template by PayPal
https://ko-fi.com/s/c5d4334f65

πŸ”— Membership (Get Source Code)
https://www.buymeacoffee.com/bedimcode/membership

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
πŸ‘¨β€πŸ’» Start project from scratch
https://github.com/bedimcode/responsive-halloween-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
ScrollReveal: https://scrollrevealjs.org/
Netlify: https://www.netlify.com/

⏱ Timestamps
0:00 Intro Responsive Halloween Website
2:41 Project Setup
4:52 Variables CSS
5:07 Reset HTML & Reusable CSS
7:55 Header & Nav
18:38 Home
26:58 Buttons
28:11 Shapes
32:15 Change Background Header
33:58 Category
40:46 About
44:02 Items
51:27 Party
56:15 Footer
1:08:02 Scroll Bar
1:09:22 Scroll Sections Active Link
1:11:22 Scroll Up
1:14:45 Breakpoints
1:37:49 ScrollReveal Animation
1:42:06 Final Project
1:43:09 Website Deployment (Uploading to the internet)

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
πŸ“Έ Images
https://iconscout.com/

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

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
πŸ”₯ Follow me!

Facebook
https://www.facebook.com/bedimcode

Instagram
https://www.instagram.com/bedimcode

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
β˜•οΈ Support me
https://www.buymeacoffee.com/bedimcode

πŸ’™ Support me by PayPal
https://ko-fi.com/bedimcode

πŸ‘ Thanks for watching, I appreciate it
Made with πŸ’— by Bedimcode

#responsivewebsite #halloweenwebsite #bedimcode