Main Page: Difference between revisions
From vehicle Rental wiki demo
Tanvir Wiki (talk | contribs) No edit summary |
Tanvir Wiki (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
__NOTOC__ | __NOTOC__ | ||
<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 40px | <div style="font-family: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, Roboto, sans-serif; width: 100%; margin: 0; padding: 0; background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);"> | ||
< | <!-- হিরো সেকশন - ফুল উইডথ --> | ||
<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); width: 100%; padding: 40px 0; text-align: center; margin: 0; color: white; box-shadow: 0 10px 30px rgba(0,0,0,0.2);"> | |||
[[File:Vehicle_Rental.png|center|100%]] | |||
<h1 style="font-size: 3.5em; margin: 20px 0 15px 0; font-weight: 700; letter-spacing: -1px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">🚗 Welcome to SERIX Vehicle Rental</h1> | |||
<h2 style="font-size: 1.8em; font-weight: 300; margin-bottom: 20px; opacity: 0.95;">Your Complete Fleet Management & Rental Operations Platform</h2> | |||
<div style="width: 120px; height: 4px; background: #ff6b00; margin: 20px auto; border-radius: 2px;"></div> | |||
<p style="font-size: 1.2em; max-width: 800px; margin: 0 auto;">Internal Knowledge Base for Fleet Managers, Rental Agents, Maintenance Staff, and Customer Service Teams</p> | |||
<div style="margin-top: 25px;"> | |||
<span style="background: rgba(255,255,255,0.2); padding: 8px 20px; border-radius: 50px; margin: 0 8px; display: inline-block;">🚘 247+ Fleet Vehicles</span> | |||
<span style="background: rgba(255,255,255,0.2); padding: 8px 20px; border-radius: 50px; margin: 0 8px; display: inline-block;">⭐ 4.8 Customer Rating</span> | |||
<span style="background: rgba(255,255,255,0.2); padding: 8px 20px; border-radius: 50px; margin: 0 8px; display: inline-block;">🏆 15 Years Excellence</span> | |||
</div> | |||
</div> | </div> | ||
<div style="display: grid; grid-template-columns: | <!-- কেপিআই ড্যাশবোর্ড - ৬টি কার্ড - ফুল উইডথ --> | ||
<div style="width: 100%; padding: 30px 20px; background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);"> | |||
<div style="display: grid; grid-template-columns: repeat(6, 1fr); gap: 15px; max-width: 1400px; margin: 0 auto;"> | |||
<div style="background: linear-gradient(145deg, #2a2a2a, #1a1a1a); border-radius: 20px; padding: 20px 10px; text-align: center; border-bottom: 4px solid #ff6b00;"> | |||
<div style="font-size: 2.2em; font-weight: 800; color: #ff6b00;">247</div> | |||
<div style="font-size: 0.9em; color: #cccccc;">Total Fleet</div> | |||
</div> | |||
<div style="background: linear-gradient(145deg, #2a2a2a, #1a1a1a); border-radius: 20px; padding: 20px 10px; text-align: center; border-bottom: 4px solid #10b981;"> | |||
<div style="font-size: 2.2em; font-weight: 800; color: #10b981;">52</div> | |||
<div style="font-size: 0.9em; color: #cccccc;">Available Now</div> | |||
</div> | |||
<div style="background: linear-gradient(145deg, #2a2a2a, #1a1a1a); border-radius: 20px; padding: 20px 10px; text-align: center; border-bottom: 4px solid #f59e0b;"> | |||
<div style="font-size: 2.2em; font-weight: 800; color: #f59e0b;">38</div> | |||
<div style="font-size: 0.9em; color: #cccccc;">Active Rentals</div> | |||
</div> | |||
<div style="background: linear-gradient(145deg, #2a2a2a, #1a1a1a); border-radius: 20px; padding: 20px 10px; text-align: center; border-bottom: 4px solid #ef4444;"> | |||
<div style="font-size: 2.2em; font-weight: 800; color: #ef4444;">12</div> | |||
<div style="font-size: 0.9em; color: #cccccc;">Due Today</div> | |||
</div> | |||
<div style="background: linear-gradient(145deg, #2a2a2a, #1a1a1a); border-radius: 20px; padding: 20px 10px; text-align: center; border-bottom: 4px solid #8b5cf6;"> | |||
<div style="font-size: 2.2em; font-weight: 800; color: #8b5cf6;">94%</div> | |||
<div style="font-size: 0.9em; color: #cccccc;">Fleet Utilization</div> | |||
</div> | |||
<div style="background: linear-gradient(145deg, #2a2a2a, #1a1a1a); border-radius: 20px; padding: 20px 10px; text-align: center; border-bottom: 4px solid #06b6d4;"> | |||
<div style="font-size: 2.2em; font-weight: 800; color: #06b6d4;">$42.5K</div> | |||
<div style="font-size: 0.9em; color: #cccccc;">Revenue YTD</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- ভেহিকেল রেন্টাল ডিপার্টমেন্ট ও রিসোর্সেস - ফুল উইডথ --> | |||
<div style="width: 100%; padding: 30px 20px; background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);"> | |||
<div style="max-width: 1400px; margin: 0 auto;"> | |||
<h2 style="font-size: 2.2em; color: white; border-left: 8px solid #ff6b00; padding-left: 20px; margin-bottom: 30px;">📋 Vehicle Rental Departments & Resources</h2> | |||
<!-- সিরিয়াল ১: ফ্লিট ম্যানেজমেন্ট & অপারেশনস (১-৪) --> | |||
<div style="margin-bottom: 45px;"> | |||
<h3 style="font-size: 1.6em; color: #ff6b00; 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="background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%); border-radius: 28px; padding: 0; box-shadow: 0 15px 30px rgba(0,0,0,0.3); border: 1px solid #333; overflow: hidden;"> | |||
<div style="background: linear-gradient(90deg, #ff6b00, #ff8533); padding: 20px 25px; color: white;"> | |||
<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> | |||
<h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Fleet Inventory Management</h3> | |||
</div> | |||
</div> | |||
<div style="padding: 20px 25px;"> | |||
<p style="color: #cccccc; margin: 0 0 18px 0; padding: 12px; background: #2a2a2a; border-radius: 14px;">📌 Vehicle tracking, inventory updates, fleet optimization, and utilization reporting.</p> | |||
<div style="display: flex; flex-wrap: wrap; gap: 10px;"> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #ff8533;">[[Fleet Inventory Database|📊 Fleet Database]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #ff8533;">[[Vehicle Assignment Log|📋 Assignment Log]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #ff8533;">[[Fleet Utilization Report|📈 Utilization Report]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #ff8533;">[[Vehicle Locator System|📍 Vehicle Locator]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #ff8533;">[[Fleet Replacement Schedule|🔄 Replacement Schedule]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #ff8533;">[[Asset Tracking Guide|🏷️ Asset Tracking]]</span></div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- ২. রেন্টাল রিজার্ভেশন সিস্টেম --> | |||
<div style="background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%); border-radius: 28px; padding: 0; box-shadow: 0 15px 30px rgba(0,0,0,0.3); border: 1px solid #333; overflow: hidden;"> | |||
<div style="background: linear-gradient(90deg, #10b981, #34d399); padding: 20px 25px; color: white;"> | |||
<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> | |||
<h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Rental Reservation System</h3> | |||
</div> | |||
</div> | |||
<div style="padding: 20px 25px;"> | |||
<p style="color: #cccccc; margin: 0 0 18px 0; padding: 12px; background: #2a2a2a; border-radius: 14px;">📌 Booking management, reservation workflows, availability calendar, and confirmation procedures.</p> | |||
<div style="display: flex; flex-wrap: wrap; gap: 10px;"> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #34d399;">[[Reservation Process Guide|📅 Reservation Guide]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #34d399;">[[Booking Confirmation Template|📧 Confirmation Email]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #34d399;">[[Availability Calendar|📆 Calendar]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #34d399;">[[Waitlist Management|⏳ Waitlist]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #34d399;">[[Group Rental Process|👥 Group Rentals]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #34d399;">[[Online Booking Guide|💻 Online Booking]]</span></div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- ৩. মেইনটেন্যান্স & রিপেয়ার --> | |||
<div style="background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%); border-radius: 28px; padding: 0; box-shadow: 0 15px 30px rgba(0,0,0,0.3); border: 1px solid #333; overflow: hidden;"> | |||
<div style="background: linear-gradient(90deg, #f59e0b, #fbbf24); padding: 20px 25px; color: white;"> | |||
<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> | |||
<h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Maintenance & Repair</h3> | |||
</div> | |||
</div> | |||
<div style="padding: 20px 25px;"> | |||
<p style="color: #cccccc; margin: 0 0 18px 0; padding: 12px; background: #2a2a2a; 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="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #fbbf24;">[[Preventive Maintenance Schedule|🔧 PM Schedule]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #fbbf24;">[[Repair Request Form|📝 Repair Form]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #fbbf24;">[[Service History Log|📋 Service Log]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #fbbf24;">[[Vendor Maintenance Directory|📇 Vendor List]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #fbbf24;">[[Oil Change Schedule|🛢️ Oil Change]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #fbbf24;">[[Tire Rotation Guide|🚗 Tire Rotation]]</span></div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- ৪. ফুয়েল ম্যানেজমেন্ট --> | |||
<div style="background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%); border-radius: 28px; padding: 0; box-shadow: 0 15px 30px rgba(0,0,0,0.3); border: 1px solid #333; overflow: hidden;"> | |||
<div style="background: linear-gradient(90deg, #ef4444, #f87171); padding: 20px 25px; color: white;"> | |||
<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> | |||
<h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Fuel Management</h3> | |||
</div> | |||
</div> | |||
<div style="padding: 20px 25px;"> | |||
<p style="color: #cccccc; margin: 0 0 18px 0; padding: 12px; background: #2a2a2a; 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="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #f87171;">[[Fuel Card Policy|⛽ Fuel Card Policy]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #f87171;">[[Fuel Consumption Log|📊 Fuel Log]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #f87171;">[[Refueling Procedures|🛢️ Refueling Guide]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #f87171;">[[Fuel Cost Analysis|💰 Cost Analysis]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #f87171;">[[Fuel Efficiency Tips|📈 Efficiency Tips]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #f87171;">[[Fleet Fuel Cards|💳 Fuel Cards]]</span></div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- সিরিয়াল ২: কাস্টমার সার্ভিস & রেন্টাল পলিসি (৫-৭) --> | |||
<div style="margin-bottom: 45px;"> | |||
<h3 style="font-size: 1.6em; color: #ff6b00; 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="background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%); border-radius: 28px; padding: 0; box-shadow: 0 15px 30px rgba(0,0,0,0.3); border: 1px solid #333; overflow: hidden;"> | |||
<div style="background: linear-gradient(90deg, #8b5cf6, #a78bfa); padding: 20px 25px; color: white;"> | |||
<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> | |||
<h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Rental Policies & Contracts</h3> | |||
</div> | |||
</div> | |||
<div style="padding: 20px 25px;"> | |||
<p style="color: #cccccc; margin: 0 0 18px 0; padding: 12px; background: #2a2a2a; 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="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #a78bfa;">[[Rental Agreement Template|📄 Rental Agreement]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #a78bfa;">[[Terms & Conditions|⚖️ T&C]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #a78bfa;">[[Insurance Coverage Guide|🛡️ Insurance Guide]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #a78bfa;">[[Damage Waiver Policy|💥 Damage Waiver]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #a78bfa;">[[Late Return Policy|⏰ Late Returns]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #a78bfa;">[[Cancellation Policy|❌ Cancellations]]</span></div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- ৬. ড্রাইভার ম্যানেজমেন্ট --> | |||
<div style="background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%); border-radius: 28px; padding: 0; box-shadow: 0 15px 30px rgba(0,0,0,0.3); border: 1px solid #333; overflow: hidden;"> | |||
<div style="background: linear-gradient(90deg, #06b6d4, #22d3ee); padding: 20px 25px; color: white;"> | |||
<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> | |||
<h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Driver Management</h3> | |||
</div> | |||
</div> | |||
<div style="padding: 20px 25px;"> | |||
<p style="color: #cccccc; margin: 0 0 18px 0; padding: 12px; background: #2a2a2a; 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="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #22d3ee;">[[Driver Requirements|📋 Driver Requirements]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #22d3ee;">[[License Verification Process|🪪 License Check]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #22d3ee;">[[Age Restrictions|🔞 Age Policy]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #22d3ee;">[[Additional Driver Policy|👥 Additional Drivers]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #22d3ee;">[[International Driver Guide|🌍 Int'l Drivers]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #22d3ee;">[[Young Driver Program|🧑 Young Driver]]</span></div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- ৭. ইন্সুরেন্স & ক্লেইম ম্যানেজমেন্ট --> | |||
<div style="background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%); border-radius: 28px; padding: 0; box-shadow: 0 15px 30px rgba(0,0,0,0.3); border: 1px solid #333; overflow: hidden;"> | |||
<div style="background: linear-gradient(90deg, #ec4899, #f472b6); padding: 20px 25px; color: white;"> | |||
<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> | |||
<h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Insurance & Claim Management</h3> | |||
</div> | |||
</div> | |||
<div style="padding: 20px 25px;"> | |||
<p style="color: #cccccc; margin: 0 0 18px 0; padding: 12px; background: #2a2a2a; border-radius: 14px;">📌 Insurance coverage, accident reporting, claim processing, and damage assessment.</p> | |||
<div style="display: flex; flex-wrap: wrap; gap: 10px;"> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #f472b6;">[[Accident Reporting Form|📋 Accident Report]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #f472b6;">[[Claim Processing Guide|📄 Claim Guide]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #f472b6;">[[Damage Assessment Form|🔍 Damage Form]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #f472b6;">[[Insurance Policy Details|🛡️ Policy Details]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #f472b6;">[[Emergency Response Protocol|🚨 Emergency Protocol]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #f472b6;">[[Tow Truck Directory|🚛 Tow Services]]</span></div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | </div> | ||
<!-- | <!-- সিরিয়াল ৩: অ্যাডমিনিস্ট্রেশন & স্টাফ ম্যানেজমেন্ট (৮-১০) --> | ||
<div style="background: #0a0a0a; color: # | <div style="margin-bottom: 45px;"> | ||
<h3 style="font-size: 1.6em; color: #ff6b00; 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="background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%); border-radius: 28px; padding: 0; box-shadow: 0 15px 30px rgba(0,0,0,0.3); border: 1px solid #333; overflow: hidden;"> | |||
<div style="background: linear-gradient(90deg, #a855f7, #c084fc); padding: 20px 25px; color: white;"> | |||
<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> | |||
<h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Staff Training & Development</h3> | |||
</div> | |||
</div> | |||
<div style="padding: 20px 25px;"> | |||
<p style="color: #cccccc; margin: 0 0 18px 0; padding: 12px; background: #2a2a2a; 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="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #c084fc;">[[New Hire Orientation|👋 New Hire Guide]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #c084fc;">[[Customer Service Training|💬 Service Training]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #c084fc;">[[Sales Techniques Guide|📈 Sales Training]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #c084fc;">[[Safety Training Manual|🛡️ Safety Training]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #c084fc;">[[POS System Training|💻 POS Training]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #c084fc;">[[Cross-Training Program|🔄 Cross-Training]]</span></div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- ৯. অ্যাকাউন্টিং & বিলিং --> | |||
<div style="background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%); border-radius: 28px; padding: 0; box-shadow: 0 15px 30px rgba(0,0,0,0.3); border: 1px solid #333; overflow: hidden;"> | |||
<div style="background: linear-gradient(90deg, #f97316, #fb923c); padding: 20px 25px; color: white;"> | |||
<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> | |||
<h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Accounting & Billing</h3> | |||
</div> | |||
</div> | |||
<div style="padding: 20px 25px;"> | |||
<p style="color: #cccccc; margin: 0 0 18px 0; padding: 12px; background: #2a2a2a; border-radius: 14px;">📌 Payment processing, invoice generation, revenue tracking, and financial reporting.</p> | |||
<div style="display: flex; flex-wrap: wrap; gap: 10px;"> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #fb923c;">[[Payment Processing Guide|💳 Payment Guide]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #fb923c;">[[Invoice Template|📄 Invoice Template]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #fb923c;">[[Revenue Tracking|📊 Revenue Tracking]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #fb923c;">[[Security Deposit Management|💰 Deposits]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #fb923c;">[[Refund Processing|🔄 Refunds]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #fb923c;">[[Monthly Financial Reports|📈 Monthly Reports]]</span></div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- ১০. ভেন্ডর & সাপ্লাই চেইন --> | |||
<div style="background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%); border-radius: 28px; padding: 0; box-shadow: 0 15px 30px rgba(0,0,0,0.3); border: 1px solid #333; overflow: hidden;"> | |||
<div style="background: linear-gradient(90deg, #14b8a6, #2dd4bf); padding: 20px 25px; color: white;"> | |||
<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> | |||
<h3 style="font-size: 1.6em; font-weight: 700; margin: 0;">Vendor & Supply Chain</h3> | |||
</div> | |||
</div> | |||
<div style="padding: 20px 25px;"> | |||
<p style="color: #cccccc; margin: 0 0 18px 0; padding: 12px; background: #2a2a2a; 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="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #2dd4bf;">[[Vendor Directory|📇 Vendor Directory]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #2dd4bf;">[[Parts Procurement Process|🔧 Parts Ordering]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #2dd4bf;">[[Service Contracts|📑 Service Contracts]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #2dd4bf;">[[Supplier Evaluation Form|⭐ Supplier Rating]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #2dd4bf;">[[Inventory Reordering|📦 Reorder Guide]]</span></div> | |||
<div style="background: #2a2a2a; padding: 6px 14px; border-radius: 20px;"><span style="color: #2dd4bf;">[[Emergency Parts List|🚨 Emergency Parts]]</span></div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- ফ্লিট ক্যাটাগরি সেকশন - ফুল উইডথ --> | |||
<div style="width: 100%; padding: 30px 20px; background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);"> | |||
<div style="max-width: 1400px; margin: 0 auto;"> | |||
<h2 style="font-size: 2.2em; color: white; border-left: 8px solid #ff6b00; padding-left: 20px; margin-bottom: 30px;">🚙 Fleet Categories</h2> | |||
<div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;"> | |||
<div style="background: linear-gradient(145deg, #1a1a1a, #0d0d0d); border-radius: 20px; padding: 20px; text-align: center; border: 1px solid #333;"><div style="font-size: 3em;">🚗</div><h3 style="color: #ff6b00;">Economy</h3><p style="color: #cccccc;">Nissan Sunny, Suzuki Swift, Hyundai i10</p><span style="color: #ff8533;">[[Economy Fleet|View All →]]</span></div> | |||
<div style="background: linear-gradient(145deg, #1a1a1a, #0d0d0d); border-radius: 20px; padding: 20px; text-align: center; border: 1px solid #333;"><div style="font-size: 3em;">🚙</div><h3 style="color: #ff6b00;">Sedan</h3><p style="color: #cccccc;">Toyota Prius, Honda Civic, Toyota Allion</p><span style="color: #ff8533;">[[Sedan Fleet|View All →]]</span></div> | |||
<div style="background: linear-gradient(145deg, #1a1a1a, #0d0d0d); border-radius: 20px; padding: 20px; text-align: center; border: 1px solid #333;"><div style="font-size: 3em;">🚙</div><h3 style="color: #ff6b00;">SUV</h3><p style="color: #cccccc;">Mitsubishi Pajero, Land Cruiser, Nissan X-Trail</p><span style="color: #ff8533;">[[SUV Fleet|View All →]]</span></div> | |||
<div style="background: linear-gradient(145deg, #1a1a1a, #0d0d0d); border-radius: 20px; padding: 20px; text-align: center; border: 1px solid #333;"><div style="font-size: 3em;">🚘</div><h3 style="color: #ff6b00;">Luxury</h3><p style="color: #cccccc;">Mercedes E-Class, BMW 7 Series, Audi Q7</p><span style="color: #ff8533;">[[Luxury Fleet|View All →]]</span></div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- লোকেশন & ব্রাঞ্চ - ফুল উইডথ --> | |||
<div style="width: 100%; padding: 30px 20px; background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);"> | |||
<div style="max-width: 1400px; margin: 0 auto;"> | |||
<h2 style="font-size: 2.2em; color: white; border-left: 8px solid #ff6b00; padding-left: 20px; margin-bottom: 30px;">📍 Locations & Branches</h2> | |||
<div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;"> | |||
<div style="background: #1a1a1a; border-radius: 16px; padding: 20px; border: 1px solid #333;"><div style="font-size: 2em;">🌆</div><h3 style="color: #ff6b00;">Downtown Branch</h3><p style="color: #cccccc;">123 Main St, Downtown<br>Mon-Sat: 8am-8pm<br>📞 (555) 123-4567</p></div> | |||
<div style="background: #1a1a1a; border-radius: 16px; padding: 20px; border: 1px solid #333;"><div style="font-size: 2em;">🏢</div><h3 style="color: #ff6b00;">Airport Branch</h3><p style="color: #cccccc;">Terminal 3, International Airport<br>Open 24/7<br>📞 (555) 234-5678</p></div> | |||
<div style="background: #1a1a1a; border-radius: 16px; padding: 20px; border: 1px solid #333;"><div style="font-size: 2em;">🏘️</div><h3 style="color: #ff6b00;">Suburban Branch</h3><p style="color: #cccccc;">456 Oak Avenue, Suburb<br>Mon-Sun: 9am-6pm<br>📞 (555) 345-6789</p></div> | |||
<div style="background: #1a1a1a; border-radius: 16px; padding: 20px; border: 1px solid #333;"><div style="font-size: 2em;">🏭</div><h3 style="color: #ff6b00;">Corporate Office</h3><p style="color: #cccccc;">789 Corporate Blvd, Downtown<br>Mon-Fri: 9am-5pm<br>📞 (555) 456-7890</p></div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- স্পেশাল অফার ব্যানার - ফুল উইডথ --> | |||
<div style="width: 100%; padding: 30px 20px; background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);"> | |||
<div style="max-width: 1400px; margin: 0 auto;"> | |||
<div style="background: linear-gradient(145deg, #ff6b00, #ff8533); border-radius: 20px; padding: 30px; text-align: center; color: white;"> | |||
<h2 style="margin: 0; font-size: 2em;">🔥 SPECIAL OFFER</h2> | |||
<p style="font-size: 1.5em; margin: 10px 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.3); padding: 5px 15px; border-radius: 20px;">LUXURY20</strong></p> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- কুইক অ্যাক্সেস টুলবার - ফুল উইডথ --> | |||
<div style="width: 100%; padding: 20px 20px; background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);"> | |||
<div style="max-width: 1400px; margin: 0 auto;"> | |||
<div style="background: linear-gradient(145deg, #2a2a2a, #1a1a1a); border-radius: 50px; padding: 20px 30px; display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; border: 1px solid #333;"> | |||
<span style="font-weight: 600; color: #ff6b00;">⚡ QUICK ACCESS:</span> | |||
[[Rental Policies|📋 Rental Policies]] | |||
[[Fleet List|🚘 Fleet List]] | |||
[[Maintenance Schedule|🔧 Maintenance]] | |||
[[Contact Us|📞 Contact]] | |||
[[Frequently Asked Questions|❓ FAQ]] | |||
[[Accident Reporting|🚨 Accident Report]] | |||
</div> | |||
</div> | |||
</div> | |||
<!-- কুইক নেভিগেশন বাটন - ফুল উইডথ --> | |||
<div style="width: 100%; padding: 20px 20px; background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);"> | |||
<div style="max-width: 1400px; margin: 0 auto;"> | |||
<div style="display: flex; flex-wrap: wrap; gap: 15px; justify-content: center;"> | |||
<div style="background: linear-gradient(135deg, #ff6b00, #ff8533); color: white; padding: 12px 28px; border-radius: 50px;">[[Fleet Management|🚘 FLEET MANAGEMENT]]</div> | |||
<div style="background: linear-gradient(135deg, #10b981, #34d399); color: white; padding: 12px 28px; border-radius: 50px;">[[Reservations|📅 RESERVATIONS]]</div> | |||
<div style="background: linear-gradient(135deg, #f59e0b, #fbbf24); color: white; padding: 12px 28px; border-radius: 50px;">[[Maintenance|🔧 MAINTENANCE]]</div> | |||
<div style="background: linear-gradient(135deg, #8b5cf6, #a78bfa); color: white; padding: 12px 28px; border-radius: 50px;">[[Customer Service|👥 CUSTOMER SERVICE]]</div> | |||
<div style="background: linear-gradient(135deg, #06b6d4, #22d3ee); color: white; padding: 12px 28px; border-radius: 50px;">[[Driver Management|🚗 DRIVERS]]</div> | |||
<div style="background: linear-gradient(135deg, #ec4899, #f472b6); color: white; padding: 12px 28px; border-radius: 50px;">[[Insurance|🛡️ INSURANCE]]</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- টুডেস আপডেট - ফুল উইডথ --> | |||
<div style="width: 100%; padding: 30px 20px; background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);"> | |||
<div style="max-width: 1400px; margin: 0 auto;"> | |||
<div style="background: linear-gradient(145deg, #1a1a1a, #0d0d0d); border-radius: 28px; padding: 25px; border: 1px solid #333;"> | |||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;"><h3 style="margin: 0; color: white;">📋 TODAY'S ACTIVITY · MARCH 26, 2026</h3><span style="background: #ff6b00; color: white; padding: 5px 15px; border-radius: 40px;">LIVE</span></div> | |||
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;"> | |||
<div style="background: #2a2a2a; padding: 20px; border-radius: 18px;"><strong style="color: #ff6b00;">🚗 12 Pickups Scheduled</strong><div style="margin-top: 8px; color: #cccccc;">Downtown: 5 | Airport: 4 | Suburban: 3</div></div> | |||
<div style="background: #2a2a2a; padding: 20px; border-radius: 18px;"><strong style="color: #ff6b00;">🔧 3 Vehicles in Maintenance</strong><div style="margin-top: 8px; color: #cccccc;">Expected completion by 5 PM</div></div> | |||
<div style="background: #2a2a2a; padding: 20px; border-radius: 18px;"><strong style="color: #ff6b00;">✅ 8 Returns Processed</strong><div style="margin-top: 8px; color: #cccccc;">All vehicles inspected and cleaned</div></div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- ফুটার - ফুল উইডথ --> | |||
<div style="width: 100%; background: #0a0a0a; color: #999; padding: 40px 20px; margin-top: 0; text-align: center; border-top: 1px solid #333;"> | |||
<div style="max-width: 1400px; margin: 0 auto;"> | |||
<div style="display: flex; justify-content: center; gap: 30px; margin-bottom: 25px; flex-wrap: wrap;"> | |||
<span style="color: #ff6b00;">[[About Us|About]]</span> | |||
<span style="color: #ff6b00;">[[Contact Us|Contact]]</span> | |||
<span style="color: #ff6b00;">[[Privacy Policy|Privacy]]</span> | |||
<span style="color: #ff6b00;">[[Terms of Service|Terms]]</span> | |||
<span style="color: #ff6b00;">[[Careers|Careers]]</span> | |||
</div> | |||
<p style="margin: 10px 0 0 0;">© 2026 Serix Vehicle Rental. All rights reserved.</p> | |||
<p style="margin: 5px 0 0 0; font-size: 0.9em;">Internal Knowledge Base - Last updated: March 26, 2026</p> | |||
<div style="margin-top: 20px; background: #1a1a1a; padding: 10px 25px; border-radius: 60px; display: inline-block;">🌟 DEMO ENVIRONMENT · Showcasing MediaWiki with Fluent Skin for Vehicle Rental Operations</div> | |||
</div> | |||
</div> | |||
</div> | </div> | ||
Revision as of 06:09, 26 March 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
🚘 247+ Fleet Vehicles ⭐ 4.8 Customer Rating 🏆 15 Years Excellence
247
Total Fleet
52
Available Now
38
Active Rentals
12
Due Today
94%
Fleet Utilization
$42.5K
Revenue YTD
📋 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 26, 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