🎃 Responsive Halloween Website 🎃

I started to develop a Responsive Halloween Themed Website Design as a creative learning process to improve my CSS and Javascript skills.

🕸️ Table of contents

• Overview
• Screenshot
• UI Design
• Built with
• References
• What I Learned
• Author

👻 About the Project

• Includes four halloween theme
• Contains 3D Swipe Slider
• Includes Pop-Up and CSS animations
• Compatible with all mobile devices
• Developed using mobile-first approach

📸 Screenshot

• First Theme

• Second Theme

• Third Theme

• Forth Theme

🧟 UI Design

My references for UI Design were taken from Figma:

• Ghost Agency by Zazuly Aziz
• Social Media Template with Halloween Stickers by Blush

☠️ Built With

• HTML
• CSS
• JavaScript
• Swiper JS

🕯️ References

• 🔗 Youtube Channels: Bedimcode - Online Tutorials
• 🔗 CSS Animations: CodePen
• 🔗 Confetti JS: Agezao - Github
• 🌈 HSL Colors: W3Schools

For assets:

• 📷 Images: Figma
• 📁 Icons: Remix Icon
• 📁 Fonts: Fonts Google
• 📁 Swiper: Swiper JS
• 📁 Confetti JS: Github

🧹 What I learned

• Grid Layout
• Flexbox
• Image Slider
• Theme Toggle
• CSS Animations
• CSS Variables
• JavaScript DOM

🧚‍♀️Author

• Author: Camille
• Access Project: Responsive Halloween Website