Main Page: Difference between revisions
Tanvir Wiki (talk | contribs) No edit summary |
Tanvir Wiki (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
__NOTOC__ | __NOTOC__ | ||
<div style="font-family: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, Roboto, sans-serif; width: 100%; margin: 0; padding: 0; background-color: #f7f9fc;"> | <div style="font-family: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, Roboto, sans-serif; width: 100%; margin: 0; padding: 0; background-color: #f7f9fc;"> | ||
| Line 28: | Line 27: | ||
</div> | </div> | ||
<!-- ==================== HERO SECTION - FULL WIDTH IMAGE | <!-- ==================== HERO SECTION - FULL WIDTH IMAGE ==================== --> | ||
<div style="position: relative; width: 100%; margin: 0; padding: 0;"> | <div style="position: relative; width: 100%; margin: 0; padding: 0;"> | ||
[[File:Vehicle_Rental.png|100%|link=]] | [[File:Vehicle_Rental.png|100%|link=]] | ||
| Line 116: | Line 115: | ||
</div> | </div> | ||
<!-- ========== REDESIGNED CRITICAL ALERTS & TODAY'S PRIORITIES - CLEAN MODERN STYLE ========== --> | |||
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin-top: 30px;"> | <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin-top: 30px;"> | ||
<div style="background: | |||
<div style="background: | <!-- LEFT: CRITICAL ALERTS - Clean Card Style --> | ||
<div style="background: #0a0e1a; border-radius: 20px; overflow: hidden; border: 1px solid #2a2e3a;"> | |||
<div style="padding: 18px 22px; background: #111827; border-bottom: 1px solid #1f2937;"> | |||
<div style="font-weight: 700; font-size: | <div style="display: flex; align-items: center; gap: 12px;"> | ||
<div style="font-size: 0.7em; color: | <div style="background: #dc2626; width: 10px; height: 10px; border-radius: 50%;"></div> | ||
<div style="font-weight: 700; font-size: 1em; color: #f3f4f6; letter-spacing: 0.5px;">⚠️ CRITICAL ALERTS</div> | |||
<div style="margin-left: auto; background: #dc2626; padding: 4px 12px; border-radius: 30px; font-size: 0.7em; font-weight: 600; color: white;">2 ACTIVE</div> | |||
</div> | </div> | ||
<div style=" | <div style="font-size: 0.7em; color: #9ca3af; margin-top: 6px;">Requires Immediate Attention</div> | ||
</div> | </div> | ||
<div style="padding: 18px 20px;"> | <div style="padding: 18px 20px;"> | ||
<div style="background: | <!-- Alert Item 1 --> | ||
<div style="display: flex; align-items: center; gap: 10px; margin-bottom: | <div style="background: #111827; border-radius: 14px; padding: 14px 16px; margin-bottom: 12px;"> | ||
<span style="background: #ef4444; width: 8px; height: 8px; border-radius: 50%; | <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 8px;"> | ||
<span style="color: # | <span style="background: #ef4444; width: 8px; height: 8px; border-radius: 50%;"></span> | ||
<span style="color: #fca5a5; font-size: 0.7em; font-weight: 600;">FLEET ALERT · URGENT</span> | |||
<span style="margin-left: auto; background: #1f2937; color: #fca5a5; padding: 2px 8px; border-radius: 20px; font-size: 0.65em;">Overdue</span> | |||
</div> | |||
<div style="color: white; font-weight: 500; font-size: 0.9em; margin-bottom: 6px;">🚨 Vehicle #VH-3842 - Brake inspection overdue by 3 days</div> | |||
<div style="display: flex; gap: 12px; flex-wrap: wrap;"> | |||
<span style="color: #6b7280; font-size: 0.7em;">🔧 Maintenance notified</span> | |||
<span style="color: #fbbf24; font-size: 0.7em;">⏰ Service scheduled for today</span> | |||
</div> | </div> | ||
</div> | </div> | ||
<div style="background: | <!-- Alert Item 2 --> | ||
<div style="display: flex; align-items: center; gap: 10px; margin-bottom: | <div style="background: #111827; border-radius: 14px; padding: 14px 16px;"> | ||
<span style="background: #f59e0b; width: 8px; height: 8px; border-radius: 50%; | <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 8px;"> | ||
<span style="color: # | <span style="background: #f59e0b; width: 8px; height: 8px; border-radius: 50%;"></span> | ||
<span style="color: #fcd34d; font-size: 0.7em; font-weight: 600;">RESERVATION ALERT · HIGH</span> | |||
<span style="margin-left: auto; background: #1f2937; color: #fcd34d; padding: 2px 8px; border-radius: 20px; font-size: 0.65em;">Waitlist</span> | |||
</div> | |||
<div style="color: white; font-weight: 500; font-size: 0.9em; margin-bottom: 6px;">📋 Overbooking for Economy class - 4 customers on waitlist</div> | |||
<div style="display: flex; gap: 12px; flex-wrap: wrap;"> | |||
<span style="color: #6b7280; font-size: 0.7em;">🔄 Upgrade options available</span> | |||
<span style="color: #fbbf24; font-size: 0.7em;">👥 Customer service notified</span> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="background: | <!-- RIGHT: TODAY'S PRIORITIES - Clean Card Style --> | ||
<div style="background: | <div style="background: #0a0e1a; border-radius: 20px; overflow: hidden; border: 1px solid #2a2e3a;"> | ||
<div style="padding: 18px 22px; background: #111827; border-bottom: 1px solid #1f2937;"> | |||
<div style="display: flex; align-items: center; gap: 12px;"> | |||
<div style="font-weight: 700; font-size: | <div style="background: #f59e0b; width: 10px; height: 10px; border-radius: 50%;"></div> | ||
<div style="font-size: 0.7em; color: # | <div style="font-weight: 700; font-size: 1em; color: #f3f4f6; letter-spacing: 0.5px;">⭐ TODAY'S PRIORITIES</div> | ||
<div style="margin-left: auto; background: #f59e0b; padding: 4px 12px; border-radius: 30px; font-size: 0.7em; font-weight: 600; color: #0a0e1a;">3 ITEMS</div> | |||
</div> | </div> | ||
<div style=" | <div style="font-size: 0.7em; color: #9ca3af; margin-top: 6px;">Key Tasks & Deadlines</div> | ||
</div> | </div> | ||
<div style="padding: 18px 20px;"> | <div style="padding: 18px 20px;"> | ||
<div style="display: flex; align-items: center; gap: | <!-- Priority Item 1 --> | ||
<div style="background: # | <div style="display: flex; align-items: center; gap: 14px; background: #111827; padding: 12px 14px; border-radius: 12px; margin-bottom: 10px;"> | ||
<div style="flex: 1;"><div style="color: white; font-weight: 600;">Fleet Inspection - Downtown Branch</div><div style="color: # | <div style="background: #1e3a5f; width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.1em;">🚗</div> | ||
<div style="background: # | <div style="flex: 1;"> | ||
<div style="color: white; font-weight: 600; font-size: 0.9em;">Fleet Inspection - Downtown Branch</div> | |||
<div style="color: #9ca3af; font-size: 0.7em; margin-top: 3px;">📍 Main Office | 2:30 PM</div> | |||
</div> | |||
<div style="background: #1e3a5f; padding: 4px 10px; border-radius: 20px; font-size: 0.65em; font-weight: 500; color: white;">IN 2 HRS</div> | |||
</div> | </div> | ||
<div style="display: flex; align-items: center; gap: | <!-- Priority Item 2 --> | ||
<div style="background: # | <div style="display: flex; align-items: center; gap: 14px; background: #111827; padding: 12px 14px; border-radius: 12px; margin-bottom: 10px;"> | ||
<div style="flex: 1;"><div style="color: white; font-weight: 600;">VIP Delivery - Luxury SUV</div><div style="color: # | <div style="background: #0f5c4a; width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.1em;">📅</div> | ||
<div style="background: # | <div style="flex: 1;"> | ||
<div style="color: white; font-weight: 600; font-size: 0.9em;">VIP Delivery - Luxury SUV</div> | |||
<div style="color: #9ca3af; font-size: 0.7em; margin-top: 3px;">📍 Airport Branch | 4:00 PM</div> | |||
</div> | |||
<div style="background: #0f5c4a; padding: 4px 10px; border-radius: 20px; font-size: 0.65em; font-weight: 500; color: white;">3.5 HRS</div> | |||
</div> | </div> | ||
<div style="display: flex; align-items: center; gap: | <!-- Priority Item 3 --> | ||
<div style="background: # | <div style="display: flex; align-items: center; gap: 14px; background: #111827; padding: 12px 14px; border-radius: 12px;"> | ||
<div style="flex: 1;"><div style="color: white; font-weight: 600;">Maintenance Review Meeting</div><div style="color: # | <div style="background: #854d0e; width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.1em;">🔧</div> | ||
<div style="background: # | <div style="flex: 1;"> | ||
<div style="color: white; font-weight: 600; font-size: 0.9em;">Maintenance Review Meeting</div> | |||
<div style="color: #9ca3af; font-size: 0.7em; margin-top: 3px;">📍 Conference Room | Tomorrow 9:00 AM</div> | |||
</div> | |||
<div style="background: #854d0e; padding: 4px 10px; border-radius: 20px; font-size: 0.65em; font-weight: 500; color: white;">TOMORROW</div> | |||
</div> | </div> | ||
</div> | </div> | ||
| Line 177: | Line 202: | ||
</div> | </div> | ||
<!-- ==================== GOOD MORNING MESSAGE SECTION | <!-- ==================== GOOD MORNING MESSAGE SECTION ==================== --> | ||
<div style="max-width: 1400px; margin: 20px auto; padding: 0 20px;"> | <div style="max-width: 1400px; margin: 20px auto; padding: 0 20px;"> | ||
<div style="background: linear-gradient(135deg, #e0f2fe 0%, #fef3c7 100%); padding: 28px; border-radius: 28px; box-shadow: 0 12px 30px rgba(0,0,0,0.1); position: relative; overflow: hidden;"> | <div style="background: linear-gradient(135deg, #e0f2fe 0%, #fef3c7 100%); padding: 28px; border-radius: 28px; box-shadow: 0 12px 30px rgba(0,0,0,0.1); position: relative; overflow: hidden;"> | ||
<div style="position: absolute; top: -50px; right: -50px; width: 180px; height: 180px; background: radial-gradient(circle, rgba(255,107,0,0.15) 0%, transparent 70%); border-radius: 50%; pointer-events: none;"></div> | <div style="position: absolute; top: -50px; right: -50px; width: 180px; height: 180px; background: radial-gradient(circle, rgba(255,107,0,0.15) 0%, transparent 70%); border-radius: 50%; pointer-events: none;"></div> | ||
<div style="position: absolute; bottom: -30px; left: -30px; width: 130px; height: 130px; background: radial-gradient(circle, rgba(0,51,102,0.1) 0%, transparent 70%); border-radius: 50%; pointer-events: none;"></div> | <div style="position: absolute; bottom: -30px; left: -30px; width: 130px; height: 130px; background: radial-gradient(circle, rgba(0,51,102,0.1) 0%, transparent 70%); border-radius: 50%; pointer-events: none;"></div> | ||
<div style="display: flex; align-items: center; gap: 20px; flex-wrap: wrap; justify-content: space-between;"> | <div style="display: flex; align-items: center; gap: 20px; flex-wrap: wrap; justify-content: space-between;"> | ||
<div style="flex: 2; min-width: 250px;"> | <div style="flex: 2; min-width: 250px;"> | ||
<div style="display: flex; align-items: center; gap: 12px; margin-bottom: 12px;"> | <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 12px;"> | ||
| Line 200: | Line 223: | ||
</div> | </div> | ||
<div style="flex: 3; min-width: 300px;"> | <div style="flex: 3; min-width: 300px;"> | ||
<div style="background: rgba(255,255,255,0.6); border-radius: 24px; padding: 12px 20px; backdrop-filter: blur(4px);"> | <div style="background: rgba(255,255,255,0.6); border-radius: 24px; padding: 12px 20px; backdrop-filter: blur(4px);"> | ||
| Line 221: | Line 243: | ||
</div> | </div> | ||
<div style="display: flex; gap: 15px; margin-top: 25px; flex-wrap: wrap; justify-content: space-between; align-items: center;"> | <div style="display: flex; gap: 15px; margin-top: 25px; flex-wrap: wrap; justify-content: space-between; align-items: center;"> | ||
<div style="display: flex; gap: 12px; flex-wrap: wrap;"> | <div style="display: flex; gap: 12px; flex-wrap: wrap;"> | ||
| Line 240: | Line 261: | ||
</div> | </div> | ||
<div style="margin-top: 20px;"> | <div style="margin-top: 20px;"> | ||
<div style="background: rgba(0,51,102,0.1); border-radius: 30px; height: 6px; width: 100%; overflow: hidden;"> | <div style="background: rgba(0,51,102,0.1); border-radius: 30px; height: 6px; width: 100%; overflow: hidden;"> | ||
| Line 253: | Line 273: | ||
</div> | </div> | ||
<!-- ==================== VEHICLE RENTAL DEPARTMENTS & RESOURCES | <!-- ==================== VEHICLE RENTAL DEPARTMENTS & RESOURCES ==================== --> | ||
<div style="margin: 40px 20px;"> | <div style="margin: 40px 20px;"> | ||
<h2 style="font-size: 2.2em; color: #003366; border-left: 8px solid #ff6b00; padding-left: 20px; margin-bottom: 30px;">📋 Vehicle Rental Departments & Resources</h2> | <h2 style="font-size: 2.2em; color: #003366; border-left: 8px solid #ff6b00; padding-left: 20px; margin-bottom: 30px;">📋 Vehicle Rental Departments & Resources</h2> | ||
Revision as of 16:24, 3 April 2026
Welcome to SERIX Vehicle Rental
Your Complete Fleet Management & Rental Operations Platform
Internal Knowledge Base for Fleet Managers, Rental Agents, Maintenance Staff, and Customer Service Teams
Fleet Operations Center
⚡ Live Dashboard | Last Sync: Just now
🚘 Welcome, James Wilson | Fleet Manager
📋 Vehicle Rental Departments & Resources
🚘 Fleet Management & Operations
👥 Customer Service & Rental Policies
📊 Administration & Staff Management
🚙 Fleet Categories
📍 Locations & Branches
Downtown Branch
123 Main St, Downtown
Mon-Sat: 8am-8pm
📞 (555) 123-4567
Airport Branch
Terminal 3, International Airport
Open 24/7
📞 (555) 234-5678
Suburban Branch
456 Oak Avenue, Suburb
Mon-Sun: 9am-6pm
📞 (555) 345-6789
Corporate Office
789 Corporate Blvd, Downtown
Mon-Fri: 9am-5pm
📞 (555) 456-7890
🔥 SPECIAL OFFER
20% OFF on all Luxury Vehicle Rentals
Valid until March 31, 2026 | Use Code: LUXURY20
⚡ QUICK ACCESS: 📋 Rental Policies 🚘 Fleet List 🔧 Maintenance 📞 Contact ❓ FAQ 🚨 Accident Report
📋 TODAY'S ACTIVITY · MARCH 31, 2026
LIVE
This is a demonstration wiki created for SERIX Vehicle Rental. All fleet data, rental information, and customer details shown are fictional and for demonstration purposes only.
© 2026 SERIX Vehicle Rental Knowledge Management System | Fluent Skin | MediaWiki Platform
Last updated: April 2026