Skip to content

Onlineos1987/AyuniTravel

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Ayuni Travels & Tours - Hajj & Umrah Packages Website

Ayuni Travels Website Screenshot

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 Desktop View - Homepage

Mobile View Mobile View - Packages Section

Language Switch 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:

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages