🌍 Travelly — Explore. Dream. Discover.

A modern and responsive travel-themed website built as part of my Frontend Development Internship (Week 2).
Travelly showcases destinations, travel tips, and policies with a clean UI and interactive features.

---

📌 Features Implemented

🏠 1. Pages & Structure

• Home (index.html) – Hero section, featured destinations, call-to-action buttons.
• About (about.html) – Brand story, mission, and values.
• Contact (contact.html) – Click-to-email and click-to-call features.
• Policies (policies.html) – Interactive accordion for terms and policies.

🎛 2. Policies Page Enhancements

• Expand/Collapse All button using JavaScript.
• Smooth opening/closing animations with <details> & <summary>.

🔝 3. Scroll-to-Top Button

• Floating ↑ Back to Top button on all pages.
• Smooth scroll animation.

🔗 4. Footer & Social Links

• Contact email & phone number with clickable links.
• Social media integration:
  • Instagram
  • Facebook
  • YouTube with custom banner and slogan EXPLORE. DREAM. DISCOVER.

🎨 5. Styling & Responsiveness

• Built with custom CSS (css/style.css) — no external frameworks.
• Mobile-first responsive design.
• Color variables & hover effects for better UX.

---

📂 Project Structure

TRAVEL-SITE/ │ ├── assets/ │ ├── dest-bali.jpg │ ├── dest-paris.jpg │ ├── dest-santorini.jpg │ ├── hero.jpg │ ├── user-1.jpg │ ├── user-2.jpg │ ├── user-3.jpg │ └── user-4.jpg │ ├── css/ │ └── style.css │ ├── js/ │ └── main.js │ ├── about.html ├── contact.html ├── index.html └── policies.html

---

🚀 How to Run Locally

1. Clone the repository:

   git clone https://github.com/A-iftikhar02/travelly.git

Open the index.html file in your browser.