Tourly 🌍

Tourly is a fully responsive travel website built using HTML, CSS, and JavaScript. Designed for all screen sizes, it delivers a smooth experience for browsing destinations, travel packages, and booking vacations.

---

🧠 Techniques & Concepts Used

• Flexbox & Grid Layouts for responsive page structure (MDN Flexbox, MDN Grid)
• Media Queries for full device responsiveness (MDN Media Queries)
• CSS Variables for design consistency (MDN CSS Variables)
• Intersection Observer API for scroll-based animations (MDN IntersectionObserver)
• Semantic HTML5 for accessibility and SEO

---

📁 Project Structure

tourly/
├── assets/
│   ├── css/             # Stylesheets 
│   ├── js/              # JavaScript 
│   └── images/          # Destination photos, icons, and background assets
├── index.html           # Homepage
└── README.md            # Project documentation

assets/css/

Houses the main stylesheet and utility styles for layout, themes, and animations.

assets/js/

Contains functionality like responsive navigation and animated scroll effects.

assets/images/

Includes images used for destinations, icons, branding, and backgrounds.

---

🛠️ Run Locally

To run Tourly on your local machine:

Linux / macOS

sudo git clone https://github.com/themaverick.27/tourly.git

Windows

git clone https://github.com/themaverick27/tourly.git

Then open index.html in your browser.

---

📞 Contact

Want to connect or contribute? Reach out via LinkedIn.

---

Tourly — Explore. Discover. Travel.