Main Page: Difference between revisions
From vehicle Rental wiki demo
Tanvir Wiki (talk | contribs) No edit summary |
Tanvir Wiki (talk | contribs) No edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| 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: | <div style="font-family: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, Roboto, sans-serif; width: 100%; margin: 0; padding: 0; background-color: #f7f9fc;"> | ||
<!-- ==================== | <!-- ==================== SHAREPOINT-STYLE TOP NAVIGATION BAR ==================== --> | ||
<div style="background: | <div style="background: white; border-bottom: 1px solid #e2e8f0; box-shadow: 0 1px 3px rgba(0,0,0,0.05); padding: 0 30px;"> | ||
<div style="max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;"> | |||
<div style="display: flex; align-items: center; gap: 15px; padding: 12px 0;"> | |||
<div style="background: #ff6b00; width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.4em;">🚗</div> | |||
<div> | |||
<div style="font-weight: 700; font-size: 1.3em; color: #003366;">DRIVE HUB</div> | |||
<div style="font-size: 0.7em; color: #64748b;">Serix Mobility Solutions</div> | |||
</div> | |||
</div> | |||
<div style="display: flex; gap: 25px; flex-wrap: wrap; padding: 12px 0;"> | |||
<div style="color: #003366; font-weight: 600; border-bottom: 2px solid #ff6b00; padding-bottom: 8px;">DASHBOARD</div> | |||
<div style="color: #4a5568; cursor: pointer;">[[FLEET]]</div> | |||
<div style="color: #4a5568; cursor: pointer;">[[RESERVATIONS]]</div> | |||
<div style="color: #4a5568; cursor: pointer;">[[MAINTENANCE]]</div> | |||
<div style="color: #4a5568; cursor: pointer;">[[DRIVERS]]</div> | |||
</div> | |||
<div style="display: flex; align-items: center; gap: 15px; padding: 12px 0;"> | |||
<div style="background: #eef2ff; padding: 6px 12px; border-radius: 30px; font-size: 0.85em; color: #003366;">🚘 James Wilson</div> | |||
<div style="font-size: 1.2em;">🔔</div> | |||
<div style="font-size: 1.2em;">⚙️</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- ==================== HERO SECTION - FULL WIDTH IMAGE ==================== --> | |||
<div style="position: relative; width: 100%; margin: 0; padding: 0;"> | |||
[[File:Vehicle_Rental.png|100%|link=]] | |||
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,51,102,0.2) 0%, rgba(0,51,102,0.7) 50%, #003366 100%); pointer-events: none;"></div> | |||
<div style="background: rgba(0,0,0,0. | |||
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 2; padding: 20px; box-sizing: border-box; text-align: center;"> | |||
<div style="display: flex; justify-content: center; gap: 25px; margin-bottom: 25px; flex-wrap: wrap;"> | |||
<div style="background: rgba(255,255,255,0.2); backdrop-filter: blur(8px); padding: 12px 28px; border-radius: 50px; border: 1px solid rgba(255,255,255,0.3);"> | |||
<div style="font-size: 1.8em; font-weight: 800; color: #ff6b00;">247+</div> | |||
<div style="font-size: 0.8em; color: white;">FLEET VEHICLES</div> | |||
</div> | </div> | ||
<div style=" | <div style="background: rgba(255,255,255,0.2); backdrop-filter: blur(8px); padding: 12px 28px; border-radius: 50px; border: 1px solid rgba(255,255,255,0.3);"> | ||
<div style="font-size: 1.8em; font-weight: 800; color: #ff6b00;">4.8</div> | |||
<div style=" | <div style="font-size: 0.8em; color: white;">CUSTOMER RATING</div> | ||
<div style=" | |||
</div> | </div> | ||
<div style="background: rgba(255,255,255,0.2); backdrop-filter: blur(8px); padding: 12px 28px; border-radius: 50px; border: 1px solid rgba(255,255,255,0.3);"> | |||
<div style="font-size: 1.8em; font-weight: 800; color: #ff6b00;">15</div> | |||
<div style="font-size: 1. | <div style="font-size: 0.8em; color: white;">YEARS EXCELLENCE</div> | ||
<div style="font-size: | |||
</div> | </div> | ||
</div> | </div> | ||
< | <h1 style="font-size: 3.5em; margin: 0 0 15px 0; font-weight: 800; color: white; text-shadow: 2px 2px 12px rgba(0,0,0,0.5);">Welcome to SERIX Vehicle Rental</h1> | ||
<p style="font-size: 1.3em; color: #ff6b00; margin-bottom: 15px; font-weight: 500; text-shadow: 1px 1px 3px rgba(0,0,0,0.3);">Your Complete Fleet Management & Rental Operations Platform</p> | |||
<div style="width: 80px; height: 3px; background: #ff6b00; margin: 15px auto;"></div> | |||
< | <p style="font-size: 1em; color: #f0f7ff; max-width: 650px; margin: 15px auto 0; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); line-height: 1.5;">Internal Knowledge Base for Fleet Managers, Rental Agents, Maintenance Staff, and Customer Service Teams</p> | ||
</div> | |||
<div style="display: flex; | </div> | ||
< | <!-- ==================== LIVE OPERATIONAL DASHBOARD ==================== --> | ||
<div style="background: linear-gradient(145deg, #003366 0%, #1a4d80 100%); padding: 30px 30px 20px 30px; margin: 0;"> | |||
<div style="max-width: 1400px; margin: 0 auto;"> | |||
<div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 25px;"> | |||
<div> | |||
<div style="display: flex; align-items: center; gap: 12px;"> | |||
<div style="font-size: 2.2em;">🚗</div> | |||
<h1 style="color: white; font-size: 1.8em; margin: 0;">Fleet Operations Center</h1> | |||
</div> | </div> | ||
<div style="background: rgba(255,255,255,0. | <p style="color: #ffd966; margin: 5px 0 0; font-size: 0.9em;">⚡ Live Dashboard | Last Sync: <span id="liveTime">Just now</span></p> | ||
</div> | |||
<div style="background: rgba(255,255,255,0.15); padding: 8px 20px; border-radius: 30px; backdrop-filter: blur(5px);"> | |||
<span style="color: #ff6b00;">🚘 Welcome, James Wilson | Fleet Manager</span> | |||
</div> | |||
</div> | |||
<div style="display: grid; grid-template-columns: repeat(6, 1fr); gap: 15px;"> | |||
<div style="background: rgba(255,255,255,0.12); border-radius: 20px; padding: 18px 12px; text-align: center; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2);"> | |||
<div style="font-size: 2.2em; color: #ffd966;">🚗</div> | |||
<div style="font-size: 2em; font-weight: 800; color: white;">247</div> | |||
<div style="font-size: 0.75em; color: #e6f0ff;">Total Fleet</div> | |||
<div style="font-size: 0.65em; color: #90EE90; margin-top: 5px;">↑ 12 new vehicles</div> | |||
</div> | |||
<div style="background: rgba(255,255,255,0.12); border-radius: 20px; padding: 18px 12px; text-align: center;"> | |||
<div style="font-size: 2.2em; color: #90EE90;">🔑</div> | |||
<div style="font-size: 2em; font-weight: 800; color: white;">52</div> | |||
<div style="font-size: 0.75em; color: #e6f0ff;">Available Now</div> | |||
<div style="font-size: 0.65em; color: #ffd966;">Ready for pickup</div> | |||
</div> | |||
<div style="background: rgba(255,255,255,0.12); border-radius: 20px; padding: 18px 12px; text-align: center;"> | |||
<div style="font-size: 2.2em; color: #ff6b00;">📋</div> | |||
<div style="font-size: 2em; font-weight: 800; color: white;">38</div> | |||
<div style="font-size: 0.75em; color: #e6f0ff;">Active Rentals</div> | |||
<div style="font-size: 0.65em; color: #ff6b00;">Currently on road</div> | |||
</div> | |||
<div style="background: rgba(255,255,255,0.12); border-radius: 20px; padding: 18px 12px; text-align: center;"> | |||
<div style="font-size: 2.2em; color: #ff6b6b;">⏰</div> | |||
<div style="font-size: 2em; font-weight: 800; color: white;">12</div> | |||
<div style="font-size: 0.75em; color: #e6f0ff;">Due Today</div> | |||
<div style="font-size: 0.65em; color: #ff6b6b;">Returns expected</div> | |||
</div> | |||
<div style="background: rgba(255,255,255,0.12); border-radius: 20px; padding: 18px 12px; text-align: center;"> | |||
<div style="font-size: 2.2em; color: #8b5cf6;">📊</div> | |||
<div style="font-size: 2em; font-weight: 800; color: white;">94%</div> | |||
<div style="font-size: 0.75em; color: #e6f0ff;">Fleet Utilization</div> | |||
<div style="font-size: 0.65em; color: #ffd966;">↑ 5% vs last month</div> | |||
</div> | |||
<div style="background: rgba(255,255,255,0.12); border-radius: 20px; padding: 18px 12px; text-align: center;"> | |||
<div style="font-size: 2.2em; color: #90EE90;">💰</div> | |||
<div style="font-size: 2em; font-weight: 800; color: white;">$42.5K</div> | |||
<div style="font-size: 0.75em; color: #e6f0ff;">Revenue YTD</div> | |||
<div style="font-size: 0.65em;">↑ 18% target</div> | |||
</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;"> | |||
<!-- 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="display: flex; align-items: center; gap: 12px;"> | |||
<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 style="font-size: 0.7em; color: #9ca3af; margin-top: 6px;">Requires Immediate Attention</div> | |||
</div> | </div> | ||
<div style="background: | <div style="padding: 18px 20px;"> | ||
< | <!-- Alert Item 1 --> | ||
<div style="background: #111827; border-radius: 14px; padding: 14px 16px; margin-bottom: 12px;"> | |||
<div style="display: flex; align-items: center; gap: 10px; margin-bottom: 8px;"> | |||
<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> | |||
<!-- Alert Item 2 --> | |||
<div style="background: #111827; border-radius: 14px; padding: 14px 16px;"> | |||
<div style="display: flex; align-items: center; gap: 10px; margin-bottom: 8px;"> | |||
<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> | |||
<!-- RIGHT: TODAY'S PRIORITIES - 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="display: flex; align-items: center; gap: 12px;"> | |||
<div style="background: #f59e0b; width: 10px; height: 10px; border-radius: 50%;"></div> | |||
<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 style="font-size: 0.7em; color: #9ca3af; margin-top: 6px;">Key Tasks & Deadlines</div> | |||
</div> | |||
<div style="padding: 18px 20px;"> | |||
<!-- Priority Item 1 --> | |||
<div style="display: flex; align-items: center; gap: 14px; background: #111827; padding: 12px 14px; border-radius: 12px; margin-bottom: 10px;"> | |||
<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="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> | |||
<!-- Priority Item 2 --> | |||
<div style="display: flex; align-items: center; gap: 14px; background: #111827; padding: 12px 14px; border-radius: 12px; margin-bottom: 10px;"> | |||
<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="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> | |||
<!-- Priority Item 3 --> | |||
<div style="display: flex; align-items: center; gap: 14px; background: #111827; padding: 12px 14px; border-radius: 12px;"> | |||
<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="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> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- ========== | <!-- ==================== GOOD MORNING MESSAGE SECTION ==================== --> | ||
<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, # | |||
<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=" | <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=" | <div style="flex: 2; min-width: 250px;"> | ||
<div style="display: flex; align-items: center; gap: 12px; margin-bottom: 12px;"> | |||
<div style="background: #ff6b00; width: 50px; height: 50px; border-radius: 30px; display: flex; align-items: center; justify-content: center; font-size: 1.8em; box-shadow: 0 4px 12px rgba(255,107,0,0.3);">🌅</div> | |||
<div> | |||
<h2 style="color: #003366; margin: 0; font-size: 1.8em; font-weight: 700;">Good Morning, Rental Team!</h2> | |||
<p style="color: #ff6b00; margin: 0; font-size: 0.85em; font-weight: 500;">⚡ Ready for a productive day ahead</p> | |||
</div> | |||
</div> | |||
<p style="color: #1e293b; font-size: 1.05em; line-height: 1.5; margin: 12px 0 0 0; background: rgba(255,255,255,0.7); padding: 10px 16px; border-radius: 20px; display: inline-block;"> | |||
📅 <strong style="color: #003366;">March 31, 2026 · Tuesday</strong> | |||
</p> | |||
</div> | |||
<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="display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between;"> | |||
<div style="display: flex; align-items: center; gap: 10px;"> | |||
<div style="background: #003366; width: 38px; height: 38px; border-radius: 38px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.1em;">👨💼</div> | |||
<div><div style="font-weight: 700; color: #003366;">James Wilson</div><div style="font-size: 0.7em; color: #ff6b00;">Manager · Ext 101</div></div> | |||
</div> | |||
<div style="display: flex; align-items: center; gap: 10px;"> | |||
<div style="background: #003366; width: 38px; height: 38px; border-radius: 38px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.1em;">👩🔧</div> | |||
<div><div style="font-weight: 700; color: #003366;">Sarah Chen</div><div style="font-size: 0.7em; color: #ff6b00;">Fleet Sup. · Ext 110</div></div> | |||
</div> | |||
<div style="display: flex; align-items: center; gap: 10px;"> | |||
<div style="background: #003366; width: 38px; height: 38px; border-radius: 38px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.1em;">🔧</div> | |||
<div><div style="font-weight: 700; color: #003366;">Robert Miller</div><div style="font-size: 0.7em; color: #ff6b00;">Maintenance · Ext 120</div></div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div style=" | |||
<div style="background: | |||
</div> | |||
<div style=" | |||
</div> | </div> | ||
</div> | </div> | ||
<div style=" | |||
<div style=" | <div style="display: flex; gap: 15px; margin-top: 25px; flex-wrap: wrap; justify-content: space-between; align-items: center;"> | ||
<div style="color: | <div style="display: flex; gap: 12px; flex-wrap: wrap;"> | ||
<div style="color: white; font-weight: 500;"> | <div style="background: linear-gradient(135deg, #003366, #1e4a76); color: white; padding: 8px 20px; border-radius: 50px; font-size: 0.85em; font-weight: 500; box-shadow: 0 2px 8px rgba(0,51,102,0.2); display: flex; align-items: center; gap: 8px;"> | ||
<div style="color: | <span>🔔</span> 12 Pickups Today | ||
</div> | |||
<div style="background: linear-gradient(135deg, #ff6b00, #ff8533); color: white; padding: 8px 20px; border-radius: 50px; font-size: 0.85em; font-weight: 500; box-shadow: 0 2px 8px rgba(255,107,0,0.2); display: flex; align-items: center; gap: 8px;"> | |||
<span>⭐</span> VIP Customer: Luxury SUV at 3 PM | |||
</div> | |||
<div style="background: linear-gradient(135deg, #10b981, #34d399); color: white; padding: 8px 20px; border-radius: 50px; font-size: 0.85em; font-weight: 500; box-shadow: 0 2px 8px rgba(16,185,129,0.2); display: flex; align-items: center; gap: 8px;"> | |||
<span>🔧</span> 3 Vehicles in Service | |||
</div> | |||
</div> | </div> | ||
<div style="background: | <div style="background: #fff7ed; padding: 6px 16px; border-radius: 50px; border: 1px solid #ffedd5;"> | ||
< | <span style="color: #003366; font-size: 0.8em;">📊 Fleet Status: </span> | ||
<span style="color: #10b981; font-weight: 600;">● Operational</span> | |||
< | |||
</div> | </div> | ||
</div> | </div> | ||
<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: linear-gradient(90deg, #ff6b00, #ffb347); width: 65%; height: 6px; border-radius: 30px;"></div> | |||
</div> | </div> | ||
<div style="display: flex | <div style="display: flex; justify-content: space-between; margin-top: 6px;"> | ||
<span style="font-size: 0.65em; color: #64748b;">Day Progress</span> | |||
<span style="font-size: 0.65em; color: #ff6b00; font-weight: 500;">65% Complete</span> | |||
< | |||
< | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- | <!-- ==================== VEHICLE RENTAL DEPARTMENTS & RESOURCES ==================== --> | ||
<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> | |||
<div style=" | |||
<h2 style="font-size: 2.2em; color: | |||
<!-- সিরিয়াল ১: ফ্লিট ম্যানেজমেন্ট & অপারেশনস (১-৪) --> | <!-- সিরিয়াল ১: ফ্লিট ম্যানেজমেন্ট & অপারেশনস (১-৪) --> | ||
<div style="margin-bottom: 45px;"> | <div style="margin-bottom: 45px;"> | ||
<h3 style="font-size: 1.6em; color: # | <h3 style="font-size: 1.6em; color: #1e4663; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 3px dashed #ff6b00; display: inline-block;">🚘 Fleet Management & Operations</h3> | ||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 25px; margin-top: 20px;"> | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 25px; margin-top: 20px;"> | ||
<!-- ১. ফ্লিট ইনভেন্টরি ম্যানেজমেন্ট --> | <!-- ১. ফ্লিট ইনভেন্টরি ম্যানেজমেন্ট --> | ||
<div style="background: linear-gradient(135deg, # | <div style="background: linear-gradient(135deg, #ffffff 0%, #f0f7ff 100%); border-radius: 28px; padding: 0; box-shadow: 0 15px 30px rgba(0,51,102,0.12); border: 1px solid rgba(0,51,102,0.15); overflow: hidden;"> | ||
<div style="background: linear-gradient(90deg, # | <div style="background: linear-gradient(90deg, #003366, #1a5d9c); padding: 20px 25px; color: white;"> | ||
<div style="display: flex; align-items: center; gap: 15px;"> | <div style="display: flex; align-items: center; gap: 15px;"><div style="background: rgba(255,255,255,0.2); width: 55px; height: 55px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 2em;">1️⃣</div> | ||
<div style="background: rgba(255,255,255,0.2); width: 55px; height: 55px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 2em;">1️⃣</div> | <h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Fleet Inventory Management</h3></div> | ||
<h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Fleet Inventory Management</h3> | |||
</div> | |||
</div> | </div> | ||
<div style="padding: 20px 25px;"> | <div style="padding: 20px 25px;"> | ||
<p style="color: # | <p style="color: #2c4c6e; margin: 0 0 18px 0; padding: 12px; background: #eef3fc; border-radius: 14px;">📌 Vehicle tracking, inventory updates, fleet optimization, and utilization reporting.</p> | ||
<div style="display: flex; flex-wrap: wrap; gap: 10px;"> | <div style="display: flex; flex-wrap: wrap; gap: 10px;"> | ||
<div style="background: # | <div style="background: #e8f0fe; padding: 6px 14px; border-radius: 20px;"><span style="color: #003366;">[[Fleet Inventory Database|📊 Fleet Database]]</span></div> | ||
<div style="background: # | <div style="background: #e8f0fe; padding: 6px 14px; border-radius: 20px;"><span style="color: #003366;">[[Vehicle Assignment Log|📋 Assignment Log]]</span></div> | ||
<div style="background: # | <div style="background: #e8f0fe; padding: 6px 14px; border-radius: 20px;"><span style="color: #003366;">[[Fleet Utilization Report|📈 Utilization Report]]</span></div> | ||
<div style="background: # | <div style="background: #e8f0fe; padding: 6px 14px; border-radius: 20px;"><span style="color: #003366;">[[Vehicle Locator System|📍 Vehicle Locator]]</span></div> | ||
<div style="background: # | <div style="background: #e8f0fe; padding: 6px 14px; border-radius: 20px;"><span style="color: #003366;">[[Fleet Replacement Schedule|🔄 Replacement Schedule]]</span></div> | ||
<div style="background: # | <div style="background: #e8f0fe; padding: 6px 14px; border-radius: 20px;"><span style="color: #003366;">[[Asset Tracking Guide|🏷️ Asset Tracking]]</span></div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 228: | Line 303: | ||
<!-- ২. রেন্টাল রিজার্ভেশন সিস্টেম --> | <!-- ২. রেন্টাল রিজার্ভেশন সিস্টেম --> | ||
<div style="background: linear-gradient(135deg, # | <div style="background: linear-gradient(135deg, #ffffff 0%, #f0faf0 100%); border-radius: 28px; padding: 0; box-shadow: 0 15px 30px rgba(46,125,50,0.12); border: 1px solid rgba(46,125,50,0.2); overflow: hidden;"> | ||
<div style="background: linear-gradient(90deg, # | <div style="background: linear-gradient(90deg, #2e7d32, #4caf50); padding: 20px 25px; color: white;"> | ||
<div style="display: flex; align-items: center; gap: 15px;"> | <div style="display: flex; align-items: center; gap: 15px;"><div style="background: rgba(255,255,255,0.2); width: 55px; height: 55px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 2em;">2️⃣</div> | ||
<div style="background: rgba(255,255,255,0.2); width: 55px; height: 55px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 2em;">2️⃣</div> | <h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Rental Reservation System</h3></div> | ||
<h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Rental Reservation System</h3> | |||
</div> | |||
</div> | </div> | ||
<div style="padding: 20px 25px;"> | <div style="padding: 20px 25px;"> | ||
<p style="color: # | <p style="color: #1e4a2a; margin: 0 0 18px 0; padding: 12px; background: #e8f5e9; border-radius: 14px;">📌 Booking management, reservation workflows, availability calendar, and confirmation procedures.</p> | ||
<div style="display: flex; flex-wrap: wrap; gap: 10px;"> | <div style="display: flex; flex-wrap: wrap; gap: 10px;"> | ||
<div style="background: # | <div style="background: #e8f5e9; padding: 6px 14px; border-radius: 20px;"><span style="color: #2e7d32;">[[Reservation Process Guide|📅 Reservation Guide]]</span></div> | ||
<div style="background: # | <div style="background: #e8f5e9; padding: 6px 14px; border-radius: 20px;"><span style="color: #2e7d32;">[[Booking Confirmation Template|📧 Confirmation Email]]</span></div> | ||
<div style="background: # | <div style="background: #e8f5e9; padding: 6px 14px; border-radius: 20px;"><span style="color: #2e7d32;">[[Availability Calendar|📆 Calendar]]</span></div> | ||
<div style="background: # | <div style="background: #e8f5e9; padding: 6px 14px; border-radius: 20px;"><span style="color: #2e7d32;">[[Waitlist Management|⏳ Waitlist]]</span></div> | ||
<div style="background: # | <div style="background: #e8f5e9; padding: 6px 14px; border-radius: 20px;"><span style="color: #2e7d32;">[[Group Rental Process|👥 Group Rentals]]</span></div> | ||
<div style="background: # | <div style="background: #e8f5e9; padding: 6px 14px; border-radius: 20px;"><span style="color: #2e7d32;">[[Online Booking Guide|💻 Online Booking]]</span></div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 249: | Line 322: | ||
<!-- ৩. মেইনটেন্যান্স & রিপেয়ার --> | <!-- ৩. মেইনটেন্যান্স & রিপেয়ার --> | ||
<div style="background: linear-gradient(135deg, # | <div style="background: linear-gradient(135deg, #ffffff 0%, #faf0ff 100%); border-radius: 28px; padding: 0; box-shadow: 0 15px 30px rgba(156,39,176,0.12); border: 1px solid rgba(156,39,176,0.2); overflow: hidden;"> | ||
<div style="background: linear-gradient(90deg, # | <div style="background: linear-gradient(90deg, #9c27b0, #ba68c8); padding: 20px 25px; color: white;"> | ||
<div style="display: flex; align-items: center; gap: 15px;"> | <div style="display: flex; align-items: center; gap: 15px;"><div style="background: rgba(255,255,255,0.2); width: 55px; height: 55px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 2em;">3️⃣</div> | ||
<div style="background: rgba(255,255,255,0.2); width: 55px; height: 55px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 2em;">3️⃣</div> | <h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Maintenance & Repair</h3></div> | ||
<h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Maintenance & Repair</h3> | |||
</div> | |||
</div> | </div> | ||
<div style="padding: 20px 25px;"> | <div style="padding: 20px 25px;"> | ||
<p style="color: # | <p style="color: #5e2a6e; margin: 0 0 18px 0; padding: 12px; background: #f3e5f5; border-radius: 14px;">📌 Preventive maintenance schedules, repair logs, service records, and vendor management.</p> | ||
<div style="display: flex; flex-wrap: wrap; gap: 10px;"> | <div style="display: flex; flex-wrap: wrap; gap: 10px;"> | ||
<div style="background: # | <div style="background: #f3e5f5; padding: 6px 14px; border-radius: 20px;"><span style="color: #9c27b0;">[[Preventive Maintenance Schedule|🔧 PM Schedule]]</span></div> | ||
<div style="background: # | <div style="background: #f3e5f5; padding: 6px 14px; border-radius: 20px;"><span style="color: #9c27b0;">[[Repair Request Form|📝 Repair Form]]</span></div> | ||
<div style="background: # | <div style="background: #f3e5f5; padding: 6px 14px; border-radius: 20px;"><span style="color: #9c27b0;">[[Service History Log|📋 Service Log]]</span></div> | ||
<div style="background: # | <div style="background: #f3e5f5; padding: 6px 14px; border-radius: 20px;"><span style="color: #9c27b0;">[[Vendor Maintenance Directory|📇 Vendor List]]</span></div> | ||
<div style="background: # | <div style="background: #f3e5f5; padding: 6px 14px; border-radius: 20px;"><span style="color: #9c27b0;">[[Oil Change Schedule|🛢️ Oil Change]]</span></div> | ||
<div style="background: # | <div style="background: #f3e5f5; padding: 6px 14px; border-radius: 20px;"><span style="color: #9c27b0;">[[Tire Rotation Guide|🚗 Tire Rotation]]</span></div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 270: | Line 341: | ||
<!-- ৪. ফুয়েল ম্যানেজমেন্ট --> | <!-- ৪. ফুয়েল ম্যানেজমেন্ট --> | ||
<div style="background: linear-gradient(135deg, # | <div style="background: linear-gradient(135deg, #ffffff 0%, #fff7e8 100%); border-radius: 28px; padding: 0; box-shadow: 0 15px 30px rgba(237,108,2,0.12); border: 1px solid rgba(237,108,2,0.2); overflow: hidden;"> | ||
<div style="background: linear-gradient(90deg, # | <div style="background: linear-gradient(90deg, #ed6c02, #ff9800); padding: 20px 25px; color: white;"> | ||
<div style="display: flex; align-items: center; gap: 15px;"> | <div style="display: flex; align-items: center; gap: 15px;"><div style="background: rgba(255,255,255,0.2); width: 55px; height: 55px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 2em;">4️⃣</div> | ||
<div style="background: rgba(255,255,255,0.2); width: 55px; height: 55px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 2em;">4️⃣</div> | <h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Fuel Management</h3></div> | ||
<h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Fuel Management</h3> | |||
</div> | |||
</div> | </div> | ||
<div style="padding: 20px 25px;"> | <div style="padding: 20px 25px;"> | ||
<p style="color: # | <p style="color: #b95f00; margin: 0 0 18px 0; padding: 12px; background: #fff3e0; border-radius: 14px;">📌 Fuel card management, consumption tracking, cost optimization, and refueling protocols.</p> | ||
<div style="display: flex; flex-wrap: wrap; gap: 10px;"> | <div style="display: flex; flex-wrap: wrap; gap: 10px;"> | ||
<div style="background: # | <div style="background: #fff3e0; padding: 6px 14px; border-radius: 20px;"><span style="color: #ed6c02;">[[Fuel Card Policy|⛽ Fuel Card Policy]]</span></div> | ||
<div style="background: # | <div style="background: #fff3e0; padding: 6px 14px; border-radius: 20px;"><span style="color: #ed6c02;">[[Fuel Consumption Log|📊 Fuel Log]]</span></div> | ||
<div style="background: # | <div style="background: #fff3e0; padding: 6px 14px; border-radius: 20px;"><span style="color: #ed6c02;">[[Refueling Procedures|🛢️ Refueling Guide]]</span></div> | ||
<div style="background: # | <div style="background: #fff3e0; padding: 6px 14px; border-radius: 20px;"><span style="color: #ed6c02;">[[Fuel Cost Analysis|💰 Cost Analysis]]</span></div> | ||
<div style="background: # | <div style="background: #fff3e0; padding: 6px 14px; border-radius: 20px;"><span style="color: #ed6c02;">[[Fuel Efficiency Tips|📈 Efficiency Tips]]</span></div> | ||
<div style="background: # | <div style="background: #fff3e0; padding: 6px 14px; border-radius: 20px;"><span style="color: #ed6c02;">[[Fleet Fuel Cards|💳 Fuel Cards]]</span></div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 294: | Line 363: | ||
<!-- সিরিয়াল ২: কাস্টমার সার্ভিস & রেন্টাল পলিসি (৫-৭) --> | <!-- সিরিয়াল ২: কাস্টমার সার্ভিস & রেন্টাল পলিসি (৫-৭) --> | ||
<div style="margin-bottom: 45px;"> | <div style="margin-bottom: 45px;"> | ||
<h3 style="font-size: 1.6em; color: # | <h3 style="font-size: 1.6em; color: #1e4663; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 3px dashed #ff6b00; display: inline-block;">👥 Customer Service & Rental Policies</h3> | ||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 25px; margin-top: 20px;"> | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 25px; margin-top: 20px;"> | ||
<!-- ৫. রেন্টাল পলিসি & কন্ট্রাক্ট --> | <!-- ৫. রেন্টাল পলিসি & কন্ট্রাক্ট --> | ||
<div style="background: linear-gradient(135deg, # | <div style="background: linear-gradient(135deg, #ffffff 0%, #e8f4ff 100%); border-radius: 28px; padding: 0; box-shadow: 0 15px 30px rgba(0,120,212,0.12); border: 1px solid rgba(0,120,212,0.2); overflow: hidden;"> | ||
<div style="background: linear-gradient(90deg, # | <div style="background: linear-gradient(90deg, #0078d4, #2b88d8); padding: 20px 25px; color: white;"> | ||
<div style="display: flex; align-items: center; gap: 15px;"> | <div style="display: flex; align-items: center; gap: 15px;"><div style="background: rgba(255,255,255,0.2); width: 55px; height: 55px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 2em;">5️⃣</div> | ||
<div style="background: rgba(255,255,255,0.2); width: 55px; height: 55px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 2em;">5️⃣</div> | <h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Rental Policies & Contracts</h3></div> | ||
<h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Rental Policies & Contracts</h3> | |||
</div> | |||
</div> | </div> | ||
<div style="padding: 20px 25px;"> | <div style="padding: 20px 25px;"> | ||
<p style="color: # | <p style="color: #005a9e; margin: 0 0 18px 0; padding: 12px; background: #e6f3ff; border-radius: 14px;">📌 Rental agreements, terms and conditions, insurance requirements, and liability policies.</p> | ||
<div style="display: flex; flex-wrap: wrap; gap: 10px;"> | <div style="display: flex; flex-wrap: wrap; gap: 10px;"> | ||
<div style="background: # | <div style="background: #e6f3ff; padding: 6px 14px; border-radius: 20px;"><span style="color: #0078d4;">[[Rental Agreement Template|📄 Rental Agreement]]</span></div> | ||
<div style="background: # | <div style="background: #e6f3ff; padding: 6px 14px; border-radius: 20px;"><span style="color: #0078d4;">[[Terms & Conditions|⚖️ T&C]]</span></div> | ||
<div style="background: # | <div style="background: #e6f3ff; padding: 6px 14px; border-radius: 20px;"><span style="color: #0078d4;">[[Insurance Coverage Guide|🛡️ Insurance Guide]]</span></div> | ||
<div style="background: # | <div style="background: #e6f3ff; padding: 6px 14px; border-radius: 20px;"><span style="color: #0078d4;">[[Damage Waiver Policy|💥 Damage Waiver]]</span></div> | ||
<div style="background: # | <div style="background: #e6f3ff; padding: 6px 14px; border-radius: 20px;"><span style="color: #0078d4;">[[Late Return Policy|⏰ Late Returns]]</span></div> | ||
<div style="background: # | <div style="background: #e6f3ff; padding: 6px 14px; border-radius: 20px;"><span style="color: #0078d4;">[[Cancellation Policy|❌ Cancellations]]</span></div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 319: | Line 386: | ||
<!-- ৬. ড্রাইভার ম্যানেজমেন্ট --> | <!-- ৬. ড্রাইভার ম্যানেজমেন্ট --> | ||
<div style="background: linear-gradient(135deg, # | <div style="background: linear-gradient(135deg, #ffffff 0%, #ffe8e8 100%); border-radius: 28px; padding: 0; box-shadow: 0 15px 30px rgba(211,47,47,0.12); border: 1px solid rgba(211,47,47,0.2); overflow: hidden;"> | ||
<div style="background: linear-gradient(90deg, # | <div style="background: linear-gradient(90deg, #d32f2f, #e57373); padding: 20px 25px; color: white;"> | ||
<div style="display: flex; align-items: center; gap: 15px;"> | <div style="display: flex; align-items: center; gap: 15px;"><div style="background: rgba(255,255,255,0.2); width: 55px; height: 55px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 2em;">6️⃣</div> | ||
<div style="background: rgba(255,255,255,0.2); width: 55px; height: 55px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 2em;">6️⃣</div> | <h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Driver Management</h3></div> | ||
<h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Driver Management</h3> | |||
</div> | |||
</div> | </div> | ||
<div style="padding: 20px 25px;"> | <div style="padding: 20px 25px;"> | ||
<p style="color: # | <p style="color: #b71c1c; margin: 0 0 18px 0; padding: 12px; background: #ffebee; border-radius: 14px;">📌 Driver eligibility, license verification, age requirements, and authorized driver policies.</p> | ||
<div style="display: flex; flex-wrap: wrap; gap: 10px;"> | <div style="display: flex; flex-wrap: wrap; gap: 10px;"> | ||
<div style="background: # | <div style="background: #ffebee; padding: 6px 14px; border-radius: 20px;"><span style="color: #d32f2f;">[[Driver Requirements|📋 Driver Requirements]]</span></div> | ||
<div style="background: # | <div style="background: #ffebee; padding: 6px 14px; border-radius: 20px;"><span style="color: #d32f2f;">[[License Verification Process|🪪 License Check]]</span></div> | ||
<div style="background: # | <div style="background: #ffebee; padding: 6px 14px; border-radius: 20px;"><span style="color: #d32f2f;">[[Age Restrictions|🔞 Age Policy]]</span></div> | ||
<div style="background: # | <div style="background: #ffebee; padding: 6px 14px; border-radius: 20px;"><span style="color: #d32f2f;">[[Additional Driver Policy|👥 Additional Drivers]]</span></div> | ||
<div style="background: # | <div style="background: #ffebee; padding: 6px 14px; border-radius: 20px;"><span style="color: #d32f2f;">[[International Driver Guide|🌍 Int'l Drivers]]</span></div> | ||
<div style="background: # | <div style="background: #ffebee; padding: 6px 14px; border-radius: 20px;"><span style="color: #d32f2f;">[[Young Driver Program|🧑 Young Driver]]</span></div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 340: | Line 405: | ||
<!-- ৭. ইন্সুরেন্স & ক্লেইম ম্যানেজমেন্ট --> | <!-- ৭. ইন্সুরেন্স & ক্লেইম ম্যানেজমেন্ট --> | ||
<div style="background: linear-gradient(135deg, # | <div style="background: linear-gradient(135deg, #ffffff 0%, #f5e8ff 100%); border-radius: 28px; padding: 0; box-shadow: 0 15px 30px rgba(94,60,110,0.12); border: 1px solid rgba(94,60,110,0.2); overflow: hidden;"> | ||
<div style="background: linear-gradient(90deg, # | <div style="background: linear-gradient(90deg, #5e3c6e, #9b6eb0); padding: 20px 25px; color: white;"> | ||
<div style="display: flex; align-items: center; gap: 15px;"> | <div style="display: flex; align-items: center; gap: 15px;"><div style="background: rgba(255,255,255,0.2); width: 55px; height: 55px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 2em;">7️⃣</div> | ||
<div style="background: rgba(255,255,255,0.2); width: 55px; height: 55px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 2em;">7️⃣</div> | <h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Insurance & Claim Management</h3></div> | ||
<h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Insurance & Claim Management</h3> | |||
</div> | |||
</div> | </div> | ||
<div style="padding: 20px 25px;"> | <div style="padding: 20px 25px;"> | ||
<p style="color: # | <p style="color: #4a2c5a; margin: 0 0 18px 0; padding: 12px; background: #f3e5f5; border-radius: 14px;">📌 Insurance coverage, accident reporting, claim processing, and damage assessment.</p> | ||
<div style="display: flex; flex-wrap: wrap; gap: 10px;"> | <div style="display: flex; flex-wrap: wrap; gap: 10px;"> | ||
<div style="background: # | <div style="background: #f3e5f5; padding: 6px 14px; border-radius: 20px;"><span style="color: #5e3c6e;">[[Accident Reporting Form|📋 Accident Report]]</span></div> | ||
<div style="background: # | <div style="background: #f3e5f5; padding: 6px 14px; border-radius: 20px;"><span style="color: #5e3c6e;">[[Claim Processing Guide|📄 Claim Guide]]</span></div> | ||
<div style="background: # | <div style="background: #f3e5f5; padding: 6px 14px; border-radius: 20px;"><span style="color: #5e3c6e;">[[Damage Assessment Form|🔍 Damage Form]]</span></div> | ||
<div style="background: # | <div style="background: #f3e5f5; padding: 6px 14px; border-radius: 20px;"><span style="color: #5e3c6e;">[[Insurance Policy Details|🛡️ Policy Details]]</span></div> | ||
<div style="background: # | <div style="background: #f3e5f5; padding: 6px 14px; border-radius: 20px;"><span style="color: #5e3c6e;">[[Emergency Response Protocol|🚨 Emergency Protocol]]</span></div> | ||
<div style="background: # | <div style="background: #f3e5f5; padding: 6px 14px; border-radius: 20px;"><span style="color: #5e3c6e;">[[Tow Truck Directory|🚛 Tow Services]]</span></div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 364: | Line 427: | ||
<!-- সিরিয়াল ৩: অ্যাডমিনিস্ট্রেশন & স্টাফ ম্যানেজমেন্ট (৮-১০) --> | <!-- সিরিয়াল ৩: অ্যাডমিনিস্ট্রেশন & স্টাফ ম্যানেজমেন্ট (৮-১০) --> | ||
<div style="margin-bottom: 45px;"> | <div style="margin-bottom: 45px;"> | ||
<h3 style="font-size: 1.6em; color: # | <h3 style="font-size: 1.6em; color: #1e4663; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 3px dashed #ff6b00; display: inline-block;">📊 Administration & Staff Management</h3> | ||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 25px; margin-top: 20px;"> | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 25px; margin-top: 20px;"> | ||
<!-- ৮. স্টাফ ট্রেনিং & ডেভেলপমেন্ট --> | <!-- ৮. স্টাফ ট্রেনিং & ডেভেলপমেন্ট --> | ||
<div style="background: linear-gradient(135deg, # | <div style="background: linear-gradient(135deg, #ffffff 0%, #e6f5f5 100%); border-radius: 28px; padding: 0; box-shadow: 0 15px 30px rgba(0,128,128,0.12); border: 1px solid rgba(0,128,128,0.2); overflow: hidden;"> | ||
<div style="background: linear-gradient(90deg, # | <div style="background: linear-gradient(90deg, #008080, #40c4c4); padding: 20px 25px; color: white;"> | ||
<div style="display: flex; align-items: center; gap: 15px;"> | <div style="display: flex; align-items: center; gap: 15px;"><div style="background: rgba(255,255,255,0.2); width: 55px; height: 55px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 2em;">8️⃣</div> | ||
<div style="background: rgba(255,255,255,0.2); width: 55px; height: 55px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 2em;">8️⃣</div> | <h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Staff Training & Development</h3></div> | ||
<h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Staff Training & Development</h3> | |||
</div> | |||
</div> | </div> | ||
<div style="padding: 20px 25px;"> | <div style="padding: 20px 25px;"> | ||
<p style="color: # | <p style="color: #006666; margin: 0 0 18px 0; padding: 12px; background: #e0f2f1; border-radius: 14px;">📌 Employee onboarding, customer service training, sales techniques, and safety protocols.</p> | ||
<div style="display: flex; flex-wrap: wrap; gap: 10px;"> | <div style="display: flex; flex-wrap: wrap; gap: 10px;"> | ||
<div style="background: # | <div style="background: #e0f2f1; padding: 6px 14px; border-radius: 20px;"><span style="color: #008080;">[[New Hire Orientation|👋 New Hire Guide]]</span></div> | ||
<div style="background: # | <div style="background: #e0f2f1; padding: 6px 14px; border-radius: 20px;"><span style="color: #008080;">[[Customer Service Training|💬 Service Training]]</span></div> | ||
<div style="background: # | <div style="background: #e0f2f1; padding: 6px 14px; border-radius: 20px;"><span style="color: #008080;">[[Sales Techniques Guide|📈 Sales Training]]</span></div> | ||
<div style="background: # | <div style="background: #e0f2f1; padding: 6px 14px; border-radius: 20px;"><span style="color: #008080;">[[Safety Training Manual|🛡️ Safety Training]]</span></div> | ||
<div style="background: # | <div style="background: #e0f2f1; padding: 6px 14px; border-radius: 20px;"><span style="color: #008080;">[[POS System Training|💻 POS Training]]</span></div> | ||
<div style="background: # | <div style="background: #e0f2f1; padding: 6px 14px; border-radius: 20px;"><span style="color: #008080;">[[Cross-Training Program|🔄 Cross-Training]]</span></div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 389: | Line 450: | ||
<!-- ৯. অ্যাকাউন্টিং & বিলিং --> | <!-- ৯. অ্যাকাউন্টিং & বিলিং --> | ||
<div style="background: linear-gradient(135deg, # | <div style="background: linear-gradient(135deg, #ffffff 0%, #ffe8e0 100%); border-radius: 28px; padding: 0; box-shadow: 0 15px 30px rgba(196,69,54,0.12); border: 1px solid rgba(196,69,54,0.2); overflow: hidden;"> | ||
<div style="background: linear-gradient(90deg, # | <div style="background: linear-gradient(90deg, #c44536, #e67e5e); padding: 20px 25px; color: white;"> | ||
<div style="display: flex; align-items: center; gap: 15px;"> | <div style="display: flex; align-items: center; gap: 15px;"><div style="background: rgba(255,255,255,0.2); width: 55px; height: 55px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 2em;">9️⃣</div> | ||
<div style="background: rgba(255,255,255,0.2); width: 55px; height: 55px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 2em;">9️⃣</div> | <h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Accounting & Billing</h3></div> | ||
<h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Accounting & Billing</h3> | |||
</div> | |||
</div> | </div> | ||
<div style="padding: 20px 25px;"> | <div style="padding: 20px 25px;"> | ||
<p style="color: # | <p style="color: #a33c2e; margin: 0 0 18px 0; padding: 12px; background: #fbe9e7; border-radius: 14px;">📌 Payment processing, invoice generation, revenue tracking, and financial reporting.</p> | ||
<div style="display: flex; flex-wrap: wrap; gap: 10px;"> | <div style="display: flex; flex-wrap: wrap; gap: 10px;"> | ||
<div style="background: # | <div style="background: #fbe9e7; padding: 6px 14px; border-radius: 20px;"><span style="color: #c44536;">[[Payment Processing Guide|💳 Payment Guide]]</span></div> | ||
<div style="background: # | <div style="background: #fbe9e7; padding: 6px 14px; border-radius: 20px;"><span style="color: #c44536;">[[Invoice Template|📄 Invoice Template]]</span></div> | ||
<div style="background: # | <div style="background: #fbe9e7; padding: 6px 14px; border-radius: 20px;"><span style="color: #c44536;">[[Revenue Tracking|📊 Revenue Tracking]]</span></div> | ||
<div style="background: # | <div style="background: #fbe9e7; padding: 6px 14px; border-radius: 20px;"><span style="color: #c44536;">[[Security Deposit Management|💰 Deposits]]</span></div> | ||
<div style="background: # | <div style="background: #fbe9e7; padding: 6px 14px; border-radius: 20px;"><span style="color: #c44536;">[[Refund Processing|🔄 Refunds]]</span></div> | ||
<div style="background: # | <div style="background: #fbe9e7; padding: 6px 14px; border-radius: 20px;"><span style="color: #c44536;">[[Monthly Financial Reports|📈 Monthly Reports]]</span></div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 410: | Line 469: | ||
<!-- ১০. ভেন্ডর & সাপ্লাই চেইন --> | <!-- ১০. ভেন্ডর & সাপ্লাই চেইন --> | ||
<div style="background: linear-gradient(135deg, # | <div style="background: linear-gradient(135deg, #ffffff 0%, #f5ede5 100%); border-radius: 28px; padding: 0; box-shadow: 0 15px 30px rgba(107,79,60,0.12); border: 1px solid rgba(107,79,60,0.2); overflow: hidden;"> | ||
<div style="background: linear-gradient(90deg, # | <div style="background: linear-gradient(90deg, #6b4f3c, #b48c6c); padding: 20px 25px; color: white;"> | ||
<div style="display: flex; align-items: center; gap: 15px;"> | <div style="display: flex; align-items: center; gap: 15px;"><div style="background: rgba(255,255,255,0.2); width: 55px; height: 55px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 2em;">🔟</div> | ||
<div style="background: rgba(255,255,255,0.2); width: 55px; height: 55px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 2em;">🔟</div> | <h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Vendor & Supply Chain</h3></div> | ||
<h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Vendor & Supply Chain</h3> | |||
</div> | |||
</div> | </div> | ||
<div style="padding: 20px 25px;"> | <div style="padding: 20px 25px;"> | ||
<p style="color: # | <p style="color: #5a3a2a; margin: 0 0 18px 0; padding: 12px; background: #f5efe8; border-radius: 14px;">📌 Vendor management, parts procurement, service contracts, and supply chain coordination.</p> | ||
<div style="display: flex; flex-wrap: wrap; gap: 10px;"> | <div style="display: flex; flex-wrap: wrap; gap: 10px;"> | ||
<div style="background: # | <div style="background: #f5efe8; padding: 6px 14px; border-radius: 20px;"><span style="color: #6b4f3c;">[[Vendor Directory|📇 Vendor Directory]]</span></div> | ||
<div style="background: # | <div style="background: #f5efe8; padding: 6px 14px; border-radius: 20px;"><span style="color: #6b4f3c;">[[Parts Procurement Process|🔧 Parts Ordering]]</span></div> | ||
<div style="background: # | <div style="background: #f5efe8; padding: 6px 14px; border-radius: 20px;"><span style="color: #6b4f3c;">[[Service Contracts|📑 Service Contracts]]</span></div> | ||
<div style="background: # | <div style="background: #f5efe8; padding: 6px 14px; border-radius: 20px;"><span style="color: #6b4f3c;">[[Supplier Evaluation Form|⭐ Supplier Rating]]</span></div> | ||
<div style="background: # | <div style="background: #f5efe8; padding: 6px 14px; border-radius: 20px;"><span style="color: #6b4f3c;">[[Inventory Reordering|📦 Reorder Guide]]</span></div> | ||
<div style="background: # | <div style="background: #f5efe8; padding: 6px 14px; border-radius: 20px;"><span style="color: #6b4f3c;">[[Emergency Parts List|🚨 Emergency Parts]]</span></div> | ||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
| Line 434: | Line 490: | ||
</div> | </div> | ||
<!-- | <!-- ==================== FLEET CATEGORIES ==================== --> | ||
<div style=" | <div style="margin: 50px 0 30px 0; padding: 0 20px;"> | ||
<h2 style="font-size: 2.2em; color: #003366; border-left: 8px solid #ff6b00; padding-left: 20px; margin-bottom: 30px;">🚙 Fleet Categories</h2> | |||
<h2 style="font-size: 2.2em; color: | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px;"> | ||
<div style="display: grid; grid-template-columns: repeat( | <div style="background: linear-gradient(135deg, #ffffff 0%, #f0f7ff 100%); border-radius: 24px; padding: 20px; text-align: center; border: 1px solid #e0e0e0;"><div style="font-size: 3em;">🚗</div><h3 style="color: #003366;">Economy</h3><p style="color: #5a6b7c;">Nissan Sunny, Suzuki Swift, Hyundai i10</p><span style="color: #003366;">[[Economy Fleet|View All →]]</span></div> | ||
<div style="background: linear-gradient( | <div style="background: linear-gradient(135deg, #ffffff 0%, #f0faf0 100%); border-radius: 24px; padding: 20px; text-align: center; border: 1px solid #e0e0e0;"><div style="font-size: 3em;">🚙</div><h3 style="color: #003366;">Sedan</h3><p style="color: #5a6b7c;">Toyota Prius, Honda Civic, Toyota Allion</p><span style="color: #003366;">[[Sedan Fleet|View All →]]</span></div> | ||
<div style="background: linear-gradient( | <div style="background: linear-gradient(135deg, #ffffff 0%, #faf0ff 100%); border-radius: 24px; padding: 20px; text-align: center; border: 1px solid #e0e0e0;"><div style="font-size: 3em;">🚙</div><h3 style="color: #003366;">SUV</h3><p style="color: #5a6b7c;">Mitsubishi Pajero, Land Cruiser, Nissan X-Trail</p><span style="color: #003366;">[[SUV Fleet|View All →]]</span></div> | ||
<div style="background: linear-gradient( | <div style="background: linear-gradient(135deg, #ffffff 0%, #fff7e8 100%); border-radius: 24px; padding: 20px; text-align: center; border: 1px solid #e0e0e0;"><div style="font-size: 3em;">🚘</div><h3 style="color: #003366;">Luxury</h3><p style="color: #5a6b7c;">Mercedes E-Class, BMW 7 Series, Audi Q7</p><span style="color: #003366;">[[Luxury Fleet|View All →]]</span></div> | ||
<div style="background: linear-gradient( | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- | <!-- ==================== LOCATIONS & BRANCHES ==================== --> | ||
<div style=" | <div style="margin: 40px 20px;"> | ||
<h2 style="font-size: 2.2em; color: #003366; border-left: 8px solid #ff6b00; padding-left: 20px; margin-bottom: 30px;">📍 Locations & Branches</h2> | |||
<h2 style="font-size: 2.2em; color: | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px;"> | ||
<div style="display: grid; grid-template-columns: repeat( | <div style="background: white; border-radius: 20px; padding: 20px; border: 1px solid #e0e0e0;"><div style="font-size: 2em;">🌆</div><h3 style="color: #003366;">Downtown Branch</h3><p style="color: #5a6b7c;">123 Main St, Downtown<br>Mon-Sat: 8am-8pm<br>📞 (555) 123-4567</p></div> | ||
<div style="background: | <div style="background: white; border-radius: 20px; padding: 20px; border: 1px solid #e0e0e0;"><div style="font-size: 2em;">🏢</div><h3 style="color: #003366;">Airport Branch</h3><p style="color: #5a6b7c;">Terminal 3, International Airport<br>Open 24/7<br>📞 (555) 234-5678</p></div> | ||
<div style="background: | <div style="background: white; border-radius: 20px; padding: 20px; border: 1px solid #e0e0e0;"><div style="font-size: 2em;">🏘️</div><h3 style="color: #003366;">Suburban Branch</h3><p style="color: #5a6b7c;">456 Oak Avenue, Suburb<br>Mon-Sun: 9am-6pm<br>📞 (555) 345-6789</p></div> | ||
<div style="background: | <div style="background: white; border-radius: 20px; padding: 20px; border: 1px solid #e0e0e0;"><div style="font-size: 2em;">🏭</div><h3 style="color: #003366;">Corporate Office</h3><p style="color: #5a6b7c;">789 Corporate Blvd, Downtown<br>Mon-Fri: 9am-5pm<br>📞 (555) 456-7890</p></div> | ||
<div style="background: | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- | <!-- ==================== SPECIAL OFFER BANNER ==================== --> | ||
<div style="background: linear-gradient(145deg, #ff6b00, #ff8533); border-radius: 28px; padding: 35px; margin: 40px 20px; text-align: center; color: white;"> | |||
<div style="background: linear-gradient(145deg, #ff6b00, #ff8533); border-radius: | |||
<h2 style="margin: 0; font-size: 2em;">🔥 SPECIAL OFFER</h2> | <h2 style="margin: 0; font-size: 2em;">🔥 SPECIAL OFFER</h2> | ||
<p style="font-size: 1.5em; margin: | <p style="font-size: 1.5em; margin: 15px 0;">20% OFF on all Luxury Vehicle Rentals</p> | ||
<p>Valid until March 31, 2026 | Use Code: <strong style="background: rgba(0,0,0,0. | <p>Valid until March 31, 2026 | Use Code: <strong style="background: rgba(0,0,0,0.2); padding: 5px 15px; border-radius: 20px;">LUXURY20</strong></p> | ||
</div> | </div> | ||
<!-- | <!-- ==================== QUICK ACCESS TOOLBAR ==================== --> | ||
<div style=" | <div style="background: linear-gradient(145deg, #f0f7ff 0%, #e6f0fa 100%); border-radius: 50px; padding: 20px 30px; margin: 40px 20px; display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; border: 1px solid #b8d1f0;"> | ||
<span style="font-weight: 600; color: #003366;">⚡ QUICK ACCESS:</span> | |||
<span style="font-weight: 600; color: # | |||
[[Rental Policies|📋 Rental Policies]] | [[Rental Policies|📋 Rental Policies]] | ||
[[Fleet List|🚘 Fleet List]] | [[Fleet List|🚘 Fleet List]] | ||
| Line 482: | Line 528: | ||
[[Frequently Asked Questions|❓ FAQ]] | [[Frequently Asked Questions|❓ FAQ]] | ||
[[Accident Reporting|🚨 Accident Report]] | [[Accident Reporting|🚨 Accident Report]] | ||
</div> | </div> | ||
<!-- | <!-- ==================== TODAY'S ACTIVITY ==================== --> | ||
<div style=" | <div style="background: linear-gradient(135deg, #ffffff 0%, #f0f7ff 100%); border-radius: 28px; padding: 30px; margin: 30px 20px; border: 1px solid #b8d1f0;"> | ||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; flex-wrap: wrap; gap: 15px;"> | |||
<div style="display: flex | <h3 style="margin: 0; color: #003366;">📋 TODAY'S ACTIVITY · MARCH 31, 2026</h3> | ||
<span style="background: #ff6b00; color: white; padding: 5px 15px; border-radius: 40px;">LIVE</span> | |||
< | |||
< | |||
</div> | </div> | ||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;"> | |||
<div style="background: #eef3fc; padding: 20px; border-radius: 18px;"><strong style="color: #003366;">🚗 12 Pickups Scheduled</strong><div style="margin-top: 8px;">Downtown: 5 | Airport: 4 | Suburban: 3</div></div> | |||
<div style="background: #eef3fc; padding: 20px; border-radius: 18px;"><strong style="color: #003366;">🔧 3 Vehicles in Maintenance</strong><div style="margin-top: 8px;">Expected completion by 5 PM</div></div> | |||
<div style="background: #eef3fc; padding: 20px; border-radius: 18px;"><strong style="color: #003366;">✅ 8 Returns Processed</strong><div style="margin-top: 8px;">All vehicles inspected and cleaned</div></div> | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- | <!-- ==================== QUICK NAVIGATION BUTTONS ==================== --> | ||
<div style=" | <div style="display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; margin: 30px 20px;"> | ||
<div style="background: linear-gradient(135deg, #003366, #1a5d9c); color: white; padding: 12px 28px; border-radius: 50px; font-weight: bold;">[[Fleet Management|🚘 FLEET MANAGEMENT]]</div> | |||
<div style="background: linear-gradient( | <div style="background: linear-gradient(135deg, #2e7d32, #4caf50); color: white; padding: 12px 28px; border-radius: 50px; font-weight: bold;">[[Reservations|📅 RESERVATIONS]]</div> | ||
<div style=" | <div style="background: linear-gradient(135deg, #ed6c02, #ff9800); color: white; padding: 12px 28px; border-radius: 50px; font-weight: bold;">[[Maintenance|🔧 MAINTENANCE]]</div> | ||
<div style=" | <div style="background: linear-gradient(135deg, #0078d4, #2b88d8); color: white; padding: 12px 28px; border-radius: 50px; font-weight: bold;">[[Customer Service|👥 CUSTOMER SERVICE]]</div> | ||
<div style="background: linear-gradient(135deg, #9c27b0, #ba68c8); color: white; padding: 12px 28px; border-radius: 50px; font-weight: bold;">[[Driver Management|🚗 DRIVERS]]</div> | |||
<div style="background: # | <div style="background: linear-gradient(135deg, #d32f2f, #e57373); color: white; padding: 12px 28px; border-radius: 50px; font-weight: bold;">[[Insurance|🛡️ INSURANCE]]</div> | ||
<div style="background: # | |||
</div> | |||
</div> | </div> | ||
<!-- ==================== FOOTER ==================== --> | |||
<div style="margin-top: 60px; padding: 30px 20px; background: linear-gradient(145deg, #00254d 0%, #003366 100%); border-radius: 40px 40px 0 0; color: white; text-align: center;"> | |||
<div style="display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; margin-bottom: 20px;"> | |||
<span>🚗 [[About SERIX Vehicle Rental|About]]</span> | |||
<span>📧 [[Contact|Contact]]</span> | |||
<span>🔒 [[Privacy Policy|Privacy]]</span> | |||
<span>📋 [[Terms of Service|Terms]]</span> | |||
</div> | </div> | ||
<p style="font-size: 0.95em; opacity: 0.8;">This is a <strong>demonstration wiki</strong> created for SERIX Vehicle Rental. All fleet data, rental information, and customer details shown are fictional and for demonstration purposes only.</p> | |||
<p style="font-size: 0.85em; opacity: 0.6;">© 2026 SERIX Vehicle Rental Knowledge Management System | Fluent Skin | MediaWiki Platform</p> | |||
<p style="font-size: 0.85em; opacity: 0.6;">Last updated: April 2026</p> | |||
</div> | </div> | ||
</div> | </div> | ||
Latest revision as of 16:25, 3 April 2026
🚗
DRIVE HUB
Serix Mobility Solutions
🚘 James Wilson
🔔
⚙️
247+
FLEET VEHICLES
4.8
CUSTOMER RATING
15
YEARS EXCELLENCE
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
🚗
247
Total Fleet
↑ 12 new vehicles
🔑
52
Available Now
Ready for pickup
📋
38
Active Rentals
Currently on road
⏰
12
Due Today
Returns expected
📊
94%
Fleet Utilization
↑ 5% vs last month
💰
$42.5K
Revenue YTD
↑ 18% target
📋 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
🚗 12 Pickups Scheduled
Downtown: 5 | Airport: 4 | Suburban: 3
🔧 3 Vehicles in Maintenance
Expected completion by 5 PM
✅ 8 Returns Processed
All vehicles inspected and cleaned
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
