🗾 Japan Tours

A sleek, single-page landing website for a 10-day Japan tour package, built with plain HTML, CSS, and vanilla JavaScript.

🔗 Live demo: minlada-9.github.io/japann

✨ Features

• Dark, cinematic design — full-bleed hero image with gradient overlay and a glassmorphism (blurred) floating header and footer
• Interactive itinerary cards in the hero section highlighting trip stats (cities, days, photos, food, vibe)
• Timeline layout for the About section, showing the day-by-day route through Osaka, Kyoto, and Tokyo
• "What's Included" grid covering guides, flights, transfers, and hotels
• Contact form for inquiries and bookings
• Scroll-triggered animations using the IntersectionObserver API
• Fully responsive — optimized breakpoints for tablet (1024px), mobile (768px), and small mobile (480px)

🛠️ Built With

• HTML5
• CSS3 (Flexbox, Grid, custom properties, media queries)
• Vanilla JavaScript (IntersectionObserver)
• Google Fonts – Inter

📁 Project Structure

japann/
├── index.html      # Main page (markup, styles, and script)
└── img/            # Image assets (hero, cards, timeline photos)

🚀 Getting Started

1. Clone the repository

   git clone https://github.com/Minlada-9/japann.git

2. Add your images to the img/ folder, matching the filenames referenced in index.html (e.g. img/1.jpg, img/2.jpg, img/3.jpg, etc.)
3. Open index.html in your browser — no build step or dependencies required.

🌐 Deployment

This site is deployed with GitHub Pages directly from the repository.

📄 License

This project is open source and available for personal or educational use.