🌍 TripZen Travel — Responsive Landing Page

TripZen Travel is a modern, fully responsive travel website landing page designed to showcase destinations, tours, and exclusive deals. This project focuses on clean UI design, semantic HTML structure, and scalable CSS architecture using Flexbox and Grid.

🔗 Live Demo: https://nazmussakib-dev.github.io/wanderly-ui/

---

✨ Features

• ✅ Fully responsive design (Mobile, Tablet, Desktop, iPad Pro)
• ✅ Semantic HTML5 for accessibility & structure
• ✅ Modern CSS using Flexbox & Grid
• ✅ Reusable utility classes for clean styling
• ✅ Hero section with gradient overlay
• ✅ Destination grid with image overlays
• ✅ Deals & discounts card layout
• ✅ Newsletter subscription section
• ✅ Clean, professional UI inspired by real-world travel platforms

---

🛠️ Technologies Used

• HTML5
• CSS3
  • Flexbox
  • CSS Grid
  • Media Queries
• Google Fonts (Mulish)

---

📱 Responsive Breakpoints

• 📱 Mobile: ≤ 576px
• 📱 Tablet: 577px – 992px
• 💻 Desktop: 993px – 1200px
• 🖥️ Large Screens: > 1200px

---

🎯 Learning Outcomes

Through this project, I strengthened my understanding of:

• Building real-world responsive layouts
• Structuring large HTML pages cleanly
• Writing scalable and reusable CSS
• Handling complex UI sections using Grid & Flexbox
• Designing visually balanced landing pages

---

👤 Author

Nazmus Sakib
Aspiring Software Engineer
Department of Computer Science & Engineering
Jagannath University, Dhaka

---

📜 License

This project is for learning and portfolio purposes.