Responsive Travel Website

I started to develop a Responsive Japan Travel Website Design as a creative learning process for myself.

About the Project

• Includes dark and light mode theme
• Contains 3D Swipe Slider
• Combine animations when scrolling
• Compatible with all mobile devices
• Developed using mobile-first approach

Screenshot

• Light Mode

• Dark Mode

Built With

• HTML
• CSS
• JavaScript
• Swiper JS

References

• 🔗 Youtube Channels: Bedimcode - Florin Pop - Online Tutorials
• 🌈 HSL Colors: W3Schools

For assets:

• 📷 Images: Pexels - Unplash
• 📁 Icons: Remix Icon
• 📁 Fonts: Fonts Google
• 📁 Swiper: Swiper JS

What I learned

• Grid Layout
• Flexbox
• Image Slider
• Light/Dark Theme Toggle
• Scroll Reveal Animation
• CSS Variables
• JavaScript DOM