Ancient Sri Lanka Tourism Website

A responsive, interactive website showcasing the rich historical and cultural heritage of ancient Sri Lanka, including UNESCO World Heritage Sites and historical attractions.

🌟 Overview

This project is a tourism-focused website dedicated to ancient Sri Lanka's cultural and historical sites. It provides comprehensive information about the island's UNESCO World Heritage Sites, historical significance, and guides for planning visits to these remarkable destinations.

Note: This website was 100% generated using v0.dev.

✨ Features

• Responsive Design: Fully mobile-responsive layout built with Bootstrap 5
• Interactive Elements:
  • Custom itinerary planner for visitors
  • Interactive historical map
  • Video modals for visual exploration
  • Image lightbox galleries
• Multiple Content Pages:
  • Home page with featured attractions
  • Detailed attractions page with UNESCO World Heritage Sites
  • Comprehensive history page
  • Contact form for inquiries
• Animated UI Components:
  • AOS (Animate On Scroll) animations
  • Interactive hover effects
  • Testimonial carousel
• Travel Planning Tools:
  • Customizable itinerary generator
  • Contact modal for expert assistance

🛠️ Technologies Used

• HTML5, CSS3, JavaScript
• Bootstrap 5 - Frontend framework
• Bootstrap Icons - Icon library
• AOS - Animate On Scroll library
• Swiper - Modern mobile touch slider
• Lightbox - Image overlay gallery
• TimelineJS - Interactive timeline

📋 Pages

1. Home (index.html)
   • Hero section with video background
   • Featured attractions
   • Testimonials from visitors
   • Stats and figures
   • Newsletter subscription

2. Attractions (attractions.html)
   • Detail information on UNESCO sites
   • Cultural Triangle overview
   • Interactive tour planner
   • Image galleries
   • Video content

3. History & Contact (history.html)
   • Historical timeline
   • Key historical periods
   • Cultural heritage information
   • Contact form
   • FAQ section

🚀 Setup & Installation

1. Clone this repository:

   git clone https://github.com/yourusername/ancient-sri-lanka.git

2. Navigate to the project folder:

   cd ancient-sri-lanka

3. Open any HTML file in your browser to view the website, or set up a local server:

   # Using Python 3
   python -m http.server 8000
   
   # Using PHP
   php -S localhost:8000

4. Access the website at http://localhost:8000

📱 Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)
• Opera (latest)

🙏 Credits

• This website was fully generated using the v0.dev AI tool.
• Only Images sourced from various stock photo websites are added by me.
• Video content embedded from YouTube.

📄 License

This project is available for educational and personal use.

Developed with ❤️ for the love of Sri Lanka's ancient history and cultural heritage.