Main Page: Difference between revisions
From vehicle Rental wiki demo
Tanvir Wiki (talk | contribs) No edit summary |
Tanvir Wiki (talk | contribs) mNo edit summary |
||
| Line 1: | Line 1: | ||
<div style=" | <div style="background-color: #0a0a0a; color: white; padding: 40px 20px; text-align: center; border-radius: 0; margin: -20px -20px 20px -20px;"> | ||
<h1 style="font-size: | <h1 style="font-size: 3.5em; margin: 0; font-weight: 700; letter-spacing: -1px; color: white;">🚗 SERIX VEHICLE RENTAL</h1> | ||
<p style="font-size: 1. | <p style="font-size: 1.5em; margin: 15px 0 0 0; color: #cccccc; font-weight: 300;">Internal Knowledge Base & Fleet Management System</p> | ||
</div> | </div> | ||
<div style="display: | <div style="display: grid; grid-template-columns: 2fr 1fr; gap: 25px; margin: 30px 0;"> | ||
< | <!-- Left Column - Main Content --> | ||
<ul style="list-style-type: none; padding: 0;"> | <div> | ||
<li style=" | <!-- Hero Section with Stats --> | ||
<div style="background: linear-gradient(145deg, #1a1a1a, #0d0d0d); color: white; padding: 25px; border-radius: 16px; margin-bottom: 25px; border-left: 6px solid #ff6b00;"> | |||
<li style=" | <h2 style="color: white; margin-top: 0; font-size: 2em;">📋 Today at a Glance</h2> | ||
<li style=" | <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 20px;"> | ||
</ | <div style="text-align: center; background: #2a2a2a; padding: 15px; border-radius: 12px;"> | ||
<p style="margin-top: | <span style="font-size: 2.2em; display: block; color: #ff6b00;">52</span> | ||
<span style="color: #cccccc;">Available Vehicles</span> | |||
</div> | |||
<div style="text-align: center; background: #2a2a2a; padding: 15px; border-radius: 12px;"> | |||
<span style="font-size: 2.2em; display: block; color: #ff6b00;">12</span> | |||
<span style="color: #cccccc;">Active Rentals</span> | |||
</div> | |||
<div style="text-align: center; background: #2a2a2a; padding: 15px; border-radius: 12px;"> | |||
<span style="font-size: 2.2em; display: block; color: #ff6b00;">4</span> | |||
<span style="color: #cccccc;">Due Today</span> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- Our Fleet Section with Cards --> | |||
<h2 style="color: white; border-bottom: 3px solid #ff6b00; padding-bottom: 10px; font-size: 2em;">🚙 Our Fleet</h2> | |||
<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 20px 0;"> | |||
<div style="background: #1a1a1a; border-radius: 16px; overflow: hidden; border: 1px solid #333;"> | |||
<div style="background: #ff6b00; padding: 8px 15px; color: black; font-weight: bold;">ECONOMY</div> | |||
<div style="padding: 20px;"> | |||
<ul style="list-style-type: none; padding: 0; margin: 0;"> | |||
<li style="padding: 8px 0; border-bottom: 1px solid #333; color: white;">• [[Nissan Sunny]]</li> | |||
<li style="padding: 8px 0; border-bottom: 1px solid #333; color: white;">• [[Suzuki Swift]]</li> | |||
<li style="padding: 8px 0; color: white;">• [[Hyundai i10]]</li> | |||
</ul> | |||
</div> | |||
</div> | |||
<div style="background: #1a1a1a; border-radius: 16px; overflow: hidden; border: 1px solid #333;"> | |||
<div style="background: #ff6b00; padding: 8px 15px; color: black; font-weight: bold;">SEDAN</div> | |||
<div style="padding: 20px;"> | |||
<ul style="list-style-type: none; padding: 0; margin: 0;"> | |||
<li style="padding: 8px 0; border-bottom: 1px solid #333; color: white;">• [[Toyota Prius]]</li> | |||
<li style="padding: 8px 0; border-bottom: 1px solid #333; color: white;">• [[Honda Civic]]</li> | |||
<li style="padding: 8px 0; color: white;">• [[Toyota Allion]]</li> | |||
</ul> | |||
</div> | |||
</div> | |||
<div style="background: #1a1a1a; border-radius: 16px; overflow: hidden; border: 1px solid #333;"> | |||
<div style="background: #ff6b00; padding: 8px 15px; color: black; font-weight: bold;">SUV</div> | |||
<div style="padding: 20px;"> | |||
<ul style="list-style-type: none; padding: 0; margin: 0;"> | |||
<li style="padding: 8px 0; border-bottom: 1px solid #333; color: white;">• [[Mitsubishi Pajero]]</li> | |||
<li style="padding: 8px 0; border-bottom: 1px solid #333; color: white;">• [[Toyota Land Cruiser]]</li> | |||
<li style="padding: 8px 0; color: white;">• [[Nissan X-Trail]]</li> | |||
</ul> | |||
</div> | |||
</div> | |||
<div style="background: #1a1a1a; border-radius: 16px; overflow: hidden; border: 1px solid #333;"> | |||
<div style="background: #ff6b00; padding: 8px 15px; color: black; font-weight: bold;">LUXURY</div> | |||
<div style="padding: 20px;"> | |||
<ul style="list-style-type: none; padding: 0; margin: 0;"> | |||
<li style="padding: 8px 0; border-bottom: 1px solid #333; color: white;">• [[Mercedes E-Class]]</li> | |||
<li style="padding: 8px 0; border-bottom: 1px solid #333; color: white;">• [[BMW 7 Series]]</li> | |||
<li style="padding: 8px 0; color: white;">• [[Audi Q7]]</li> | |||
</ul> | |||
</div> | |||
</div> | |||
</div> | |||
<p style="text-align: right; margin-top: 10px;">'''[[Fleet List|View Complete Fleet →]]'''</p> | |||
</div> | </div> | ||
<div style=" | <!-- Right Column - Sidebar --> | ||
<div> | |||
<!-- Quick Links Card --> | |||
<div style="background: #1a1a1a; border-radius: 16px; padding: 25px; margin-bottom: 25px; border: 1px solid #333;"> | |||
<h3 style="color: white; margin-top: 0; border-bottom: 2px solid #ff6b00; padding-bottom: 10px;">📌 QUICK LINKS</h3> | |||
<ul style="list-style-type: none; padding: 0;"> | |||
<li style="margin: 15px 0;">🔹 [[Rental Policies|Rental Policies & Terms]]</li> | |||
</ | <li style="margin: 15px 0;">🔹 [[Driver Requirements|Driver Requirements]]</li> | ||
<li style="margin: 15px 0;">🔹 [[Maintenance Schedule|Maintenance Procedures]]</li> | |||
<li style="margin: 15px 0;">🔹 [[Accident Reporting|Accident Reporting]]</li> | |||
<li style="margin: 15px 0;">🔹 [[Contact Us|Contact & Support]]</li> | |||
<li style="margin: 15px 0;">🔹 [[Frequently Asked Questions|FAQ]]</li> | |||
</ul> | |||
</div> | |||
<!-- Today's Offer Card --> | |||
<div style="background: linear-gradient(145deg, #ff6b00, #ff8533); border-radius: 16px; padding: 25px; margin-bottom: 25px; color: black;"> | |||
<h3 style="margin-top: 0; font-size: 1.8em; color: black;">🔥 SPECIAL OFFER</h3> | |||
<div style="background: rgba(0,0,0,0.1); padding: 20px; border-radius: 12px; text-align: center;"> | |||
<span style="font-size: 3em; display: block;">🎉</span> | |||
<p style="font-size: 1.5em; font-weight: bold; margin: 10px 0; color: black;">20% OFF</p> | |||
<p style="font-size: 1.2em; margin: 5px 0; color: black;">on all Luxury Cars</p> | |||
<p style="margin: 15px 0 0 0; font-size: 0.9em;">Valid until March 31, 2026</p> | |||
</div> | |||
</div> | |||
<!-- Department Links --> | |||
<div style="background: #1a1a1a; border-radius: 16px; padding: 25px; border: 1px solid #333;"> | |||
<h3 style="color: white; margin-top: 0; border-bottom: 2px solid #ff6b00; padding-bottom: 10px;">👥 DEPARTMENTS</h3> | |||
<ul style="list-style-type: none; padding: 0;"> | |||
<li style="margin: 12px 0; color: #ff6b00;">'''Operations'''</li> | |||
<li style="margin: 8px 0 8px 20px; color: white;">• Fleet Management</li> | |||
<li style="margin: 8px 0 8px 20px; color: white;">• Maintenance Team</li> | |||
<li style="margin: 12px 0; color: #ff6b00;">'''Customer Service'''</li> | |||
<li style="margin: 8px 0 8px 20px; color: white;">• Reservations</li> | |||
<li style="margin: 8px 0 8px 20px; color: white;">• Support Desk</li> | |||
</ul> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="background | <!-- Footer Section --> | ||
< | <div style="background: #0a0a0a; color: #999; padding: 30px 20px; margin: 40px -20px -20px -20px; text-align: center; border-top: 1px solid #333;"> | ||
<p>Serix Vehicle Rental | <div style="display: flex; justify-content: center; gap: 30px; margin-bottom: 20px; flex-wrap: wrap;"> | ||
<p> | <span>[[About Us|About]]</span> | ||
<span>[[Contact Us|Contact]]</span> | |||
<span>[[Privacy Policy|Privacy]]</span> | |||
<span>[[Disclaimers|Terms]]</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.8em;">Internal Knowledge Base - Last updated: {{CURRENTDAY}} {{CURRENTMONTHNAME}} {{CURRENTYEAR}}</p> | |||
</div> | </div> | ||
Revision as of 19:27, 14 March 2026
🚗 SERIX VEHICLE RENTAL
Internal Knowledge Base & Fleet Management System
📋 Today at a Glance
52 Available Vehicles
12 Active Rentals
4 Due Today
🚙 Our Fleet
📌 QUICK LINKS
🔥 SPECIAL OFFER
🎉
20% OFF
on all Luxury Cars
Valid until March 31, 2026
👥 DEPARTMENTS
- Operations
- • Fleet Management
- • Maintenance Team
- Customer Service
- • Reservations
- • Support Desk