/responsive-travel-website

Responsive Travel Website design using HTML, CSS and JavaScript

Primary LanguageHTML

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 camille846 github io_responsive-travel-website_ (2)

  • Dark Mode camille846 github io_responsive-travel-website_ (1)

Built With

  • HTML
  • CSS
  • JavaScript
  • Swiper JS

References

For assets:

What I learned

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