Ayuni Travels & Tours - Hajj & Umrah Packages Website

Overview

Ayuni Travels & Tours is a responsive travel agency website specializing in Hajj and Umrah pilgrimage packages to Makkah and Madina. This website features a modern, mobile-friendly design with comprehensive travel services, multilingual support, and SEO optimization.

Key Features

• 🌍 Bilingual Support: Fully functional English/Urdu language switching
• 📱 Mobile-First Design: Optimized for all devices with enhanced readability on mobile
• 🕌 Islamic Travel Focus: Specialized in Hajj and Umrah spiritual journeys
• 🎨 Modern UI: Clean design with intuitive navigation
• 📞 24/7 Support: Multiple contact options for travelers
• 📧 Newsletter Subscription: Stay updated with travel packages and deals
• 📍 Interactive Map: Location finder for agency branches

Technologies Used

• Frontend: HTML5, CSS3, JavaScript
• CSS Framework: Bootstrap 5
• Icons: Font Awesome 6
• Maps: Google Maps API
• Multilingual: Custom translation system with localStorage
• SEO: Schema.org structured data, Open Graph, Twitter Cards

Mobile Optimization Highlights

• 📱 Enhanced Readability: Increased font sizes for all text elements on mobile devices
• 👆 Touch-Friendly: Larger tap targets for buttons and links
• 🔍 Clear Hierarchy: Improved visual hierarchy for better content scanning
• 📶 Fast Loading: Optimized assets and responsive images
• ↔️ Fluid Layout: Flexible grid system that adapts to all screen sizes

Setup Instructions

1. Clone the repository:

   git clone https://github.com/yourusername/ayuni-travels.git

2. Open the project directory:

   cd ayuni-travels

3. Open index.html in your browser

Live Demo

View Live Demo

Screenshots

Desktop View - Homepage

Mobile View - Packages Section

Language Switching Interface

Project Structure

ayuni-travels/
├── index.html                 # Main HTML file
├── Assets/
│   ├── Img/                   # All website images
│   └── Css/                   # Custom CSS files
├── js/
│   └── main.js                # Main JavaScript functionality
└── readme.md                  # This documentation file

Contribution

Contributions are welcome! Please follow these steps:

1. Fork the project
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.

Contact

For inquiries, please contact us at:

• 📧 [email protected]
• 📞 +92 51 111 786 785
• 🌐 ayunitravel.com