๐ 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
๐ป 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:
โ ๏ธ 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