Ceylon Travels 🌴

A stunning, responsive travel website showcasing the beauty and cultural heritage of Sri Lanka. Experience the Pearl of the Indian Ocean through carefully crafted travel packages and destination guides.

🌟 Features

🎨 Design & User Experience

• Fully Responsive - Seamless experience across desktop, tablet, and mobile devices
• Modern UI/UX - Clean, intuitive design with smooth navigation
• Interactive Elements - Dynamic content and engaging user interactions
• Optimized Performance - Fast loading times and optimized images

🗺️ Content & Functionality

• Destination Showcase - Comprehensive guide to 9 popular Sri Lankan destinations
• Travel Packages - 6 curated packages with detailed itineraries and pricing
• Enquiry System - Advanced contact form with international country codes
• Cultural Authenticity - Genuine representation of Sri Lankan heritage

📱 Pages Overview

Page	Description	Key Features
Home	Landing page with hero section	Highlights, call-to-action, social links
About	Company information	Mission, values, contact details
Destinations	Featured locations	9 destinations with Wikipedia integration
Packages	Travel offerings	6 packages with pricing and itineraries
Enquiry	Contact form	Comprehensive form with validation

🏛️ Featured Destinations

Our website showcases these incredible Sri Lankan destinations:

• 🏰 Sigiriya - Ancient rock fortress with stunning frescoes
• 🏔️ Ella - Hill station with tea plantations and scenic views
• 🏖️ Galle - Historic coastal city with colonial architecture
• 🕌 Kandy - Cultural capital with Temple of the Tooth
• 🦁 Yala National Park - Premier wildlife destination
• 🌆 Colombo - Vibrant capital city
• ❄️ Nuwara Eliya - "Little England" in the hills
• 🏛️ Anuradhapura - Ancient capital with sacred sites
• 🐋 Mirissa - Beach paradise for whale watching

🎯 Travel Packages

Package	Duration	Price	Highlights
Adventure Explorer	7D/6N	$899	Rafting, hiking, climbing
Cultural Heritage	5D/4N	$699	Temples, ancient cities
Beach Paradise	4D/3N	$599	Beaches, water sports
Wildlife Safari	6D/5N	$799	National parks, wildlife
Hill Country Escape	6D/5N	$749	Tea plantations, trains
Culinary Experience	3D/2N	$499	Food tours, cooking classes

🛠️ Technical Stack

• Frontend: HTML5, CSS3, JavaScript
• Design: Responsive Web Design, Mobile-First Approach
• External Services:
  • Image hosting via ImgBB
  • Wikipedia integration for destinations
  • Social media links

🚀 Getting Started

Prerequisites

• Modern web browser (Chrome, Firefox, Safari, Edge)
• Basic understanding of HTML/CSS/JS for modifications

Installation & Setup

1. Clone the repository

   git clone https://github.com/heyisula/ceylon-travels.git
   cd ceylon-travels

2. Open the website

   # Simply open index.html in your browser
   open index.html
   # or
   double-click index.html

3. For development

   # Use a local server for better development experience
   # With Python 3
   python -m http.server 8000
   
   # With Node.js
   npx serve .
   
   # Then visit http://localhost:8000

📁 Project Structure

ceylon-travels/
├── index.html              # Homepage
├── about.html              # About page
├── destinations.html       # Destinations showcase
├── packages.html           # Travel packages
├── enquiry.html           # Contact form
├── css/
│   └── style.css          # Main stylesheet
├── js/
│   └── script.js          # JavaScript functionality
└── images/                # Image assets
    ├── logo-without-text.png
    ├── hero-background.jpg
    └── [destination images]

🎨 Customization

Adding New Destinations

1. Add destination card HTML in destinations.html
2. Include destination image in /images/ folder
3. Update CSS for consistent styling

Modifying Packages

1. Edit package details in packages.html
2. Update pricing and itineraries as needed
3. Ensure "Reserve Now" buttons link to enquiry form

Styling Changes

• Main styles are in css/style.css
• Responsive breakpoints are already configured
• Color scheme can be modified via CSS variables

🤝 Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• Images hosted via ImgBB
• Destination information linked to Wikipedia
• Icons and graphics sourced from various free resources
• Inspiration from Sri Lanka's rich cultural heritage

---

Made for Travellers by Travellers ❤️

Developed with care by Isula Dissanayake, Sri Lanka 🇱🇰