🚢 SolutionCargo.ht

A modern, professional one-page website for Solution Cargo (Solution Cargo.ht), a logistics and cargo services company focused on the Caribbean region.

📋 Overview

This project is a responsive, elegant website that showcases Solution Cargo's services and brand identity. The design emphasizes clean aesthetics, professional presentation, and seamless user experience across all device sizes.

🛠️ Technology Stack

• Vanilla HTML/CSS/JS: Fast, lightweight, and SEO-friendly implementation
• Build Tool: Custom bash script for production optimization
• Icons: Feather Icons for modern, consistent iconography
• Fonts: Inter font family for clean typography
• Animations: CSS animations for smooth, subtle effects
• Form Handling: PHP backend with security features (CSRF protection, reCAPTCHA)

✨ Features

• 📱 Fully responsive design with mobile-first approach
• 🌙 Elegant hero section with high-quality background image
• 📊 About section highlighting the company's mission
• 🧩 Services section showcasing logistics solutions with animated cards
• 📬 Secure contact form with validation and spam protection
• 📱 Mobile-friendly navigation with smooth animations
• 🔍 SEO-optimized structure and performance
• 🖼️ Optimized image rendering for better visual quality

🎨 Brand Elements

The website adheres to Solution Cargo's brand identity:

• 🎭 Color palette based on the company's official colors
• 🔤 Logo integration with smooth transitions
• 📝 Consistent typography using the Inter font family
• 🏙️ Professional imagery relevant to logistics and shipping

🔧 Development

# Run local development server (using any simple server)
python -m http.server 8080
# or
php -S localhost:8080

# Build for production
chmod +x build.sh
./build.sh

# Deploy contents of build directory to web server

🚀 Production Optimization

The build process includes:

• Image optimization for performance
• Enhanced rendering quality for background images
• Security headers for production environment
• Caching rules for static assets
• Performance optimizations for production environment

📦 Installation

1. Clone the repository

   git clone https://github.com/yourusername/solution-cargo.git
   cd solution-cargo

2. No dependencies to install! The project uses vanilla HTML/CSS/JavaScript with external CDN resources, so there's no need to install dependencies.

3. Local development You can use any local server to run the project. For example:

   # Using Python's built-in server
   python -m http.server 8080
   
   # Or using PHP's built-in server (if you have PHP installed)
   php -S localhost:8080

4. Building for production

   chmod +x build.sh
   ./build.sh

🌐 Browser Support

• ✅ Chrome (latest)
• ✅ Firefox (latest)
• ✅ Safari (latest)
• ✅ Edge (latest)
• ✅ Opera (latest)
• ⚠️ IE11 (limited support)

📝 License

© 2025 Solution Cargo. All rights reserved.🇭🇹