Main Page: Difference between revisions

From vehicle Rental wiki demo

No edit summary
mNo edit summary
Line 1: Line 1:
<div style="text-align: center; padding: 30px; background: linear-gradient(135deg, #2c3e50, #3498db); color: white; border-radius: 15px; margin-bottom: 25px;">
<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: 2.5em; margin-bottom: 15px;">🚗 Welcome to Serix Vehicle Rental Wiki</h1>
  <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.3em;">Find all information about our fleet, policies, and procedures here</p>
  <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: flex; flex-wrap: wrap; gap: 20px; margin: 25px 0;">
<div style="display: grid; grid-template-columns: 2fr 1fr; gap: 25px; margin: 30px 0;">
  <div style="flex: 1; min-width: 250px; background-color: #f8f9fa; border-radius: 10px; padding: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);">
 
     <h3 style="color: #2c3e50; border-bottom: 3px solid #3498db; padding-bottom: 10px;">🚙 Our Fleet</h3>
  <!-- Left Column - Main Content -->
     <ul style="list-style-type: none; padding: 0;">
  <div>
       <li style="margin: 10px 0;">[[Toyota Prius | Toyota Prius (Hybrid)]]</li>
    <!-- Hero Section with Stats -->
      <li style="margin: 10px 0;">[[Honda Civic | Honda Civic (Sedan)]]</li>
    <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="margin: 10px 0;">[[Mitsubishi Pajero | Mitsubishi Pajero (SUV)]]</li>
      <h2 style="color: white; margin-top: 0; font-size: 2em;">📋 Today at a Glance</h2>
       <li style="margin: 10px 0;">[[Nissan Sunny | Nissan Sunny (Economy)]]</li>
      <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 20px;">
     </ul>
        <div style="text-align: center; background: #2a2a2a; padding: 15px; border-radius: 12px;">
     <p style="margin-top: 15px;">'''[[Fleet List | View All Vehicles →]]'''</p>
          <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="flex: 1; min-width: 250px; background-color: #f8f9fa; border-radius: 10px; padding: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);">
  <!-- Right Column - Sidebar -->
    <h3 style="color: #2c3e50; border-bottom: 3px solid #e74c3c; padding-bottom: 10px;">📋 Quick Links</h3>
   <div>
    <ul style="list-style-type: none; padding: 0;">
    <!-- Quick Links Card -->
      <li style="margin: 10px 0;">[[Rental Policies | 📄 Rental Policies]]</li>
    <div style="background: #1a1a1a; border-radius: 16px; padding: 25px; margin-bottom: 25px; border: 1px solid #333;">
      <li style="margin: 10px 0;">[[Driver Requirements | 👤 Driver Requirements]]</li>
      <h3 style="color: white; margin-top: 0; border-bottom: 2px solid #ff6b00; padding-bottom: 10px;">📌 QUICK LINKS</h3>
      <li style="margin: 10px 0;">[[Maintenance Schedule | 🔧 Maintenance Procedures]]</li>
      <ul style="list-style-type: none; padding: 0;">
      <li style="margin: 10px 0;">[[Accident Reporting | ⚠️ Accident Reporting]]</li>
        <li style="margin: 15px 0;">🔹 [[Rental Policies|Rental Policies & Terms]]</li>
     </ul>
        <li style="margin: 15px 0;">🔹 [[Driver Requirements|Driver Requirements]]</li>
  </div>
        <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>


  <div style="flex: 1; min-width: 250px; background-color: #f8f9fa; border-radius: 10px; padding: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);">
    <!-- Department Links -->
    <h3 style="color: #2c3e50; border-bottom: 3px solid #27ae60; padding-bottom: 10px;">📢 Today's Offer</h3>
    <div style="background: #1a1a1a; border-radius: 16px; padding: 25px; border: 1px solid #333;">
    <div style="background-color: #27ae60; color: white; padding: 10px; border-radius: 5px; text-align: center;">
      <h3 style="color: white; margin-top: 0; border-bottom: 2px solid #ff6b00; padding-bottom: 10px;">👥 DEPARTMENTS</h3>
      <p style="font-size: 1.2em; margin: 0;">🎉 20% OFF on Luxury Cars!</p>
      <ul style="list-style-type: none; padding: 0;">
      <p style="margin: 5px 0;">Valid until March 2026</p>
        <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>
    <p style="margin-top: 15px;">[[Special Offers | View More Offers →]]</p>
   </div>
   </div>
</div>
</div>


<div style="background-color: #ecf0f1; padding: 20px; border-radius: 10px; margin: 25px 0;">
<!-- Footer Section -->
   <h3 style="color: #2c3e50;">🏢 About Us</h3>
<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 has been providing reliable service since 2010. We have a fleet of 50+ vehicles in Dhaka and Chittagong.</p>
   <div style="display: flex; justify-content: center; gap: 30px; margin-bottom: 20px; flex-wrap: wrap;">
   <p>'''Contact:''' [[Contact Us]] | [[Frequently Asked Questions|FAQ]]</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>
<div style="text-align: center; font-size: 0.9em; color: #7f8c8d; margin-top: 20px;">
<p>Last updated: {{CURRENTDAY}} {{CURRENTMONTHNAME}} {{CURRENTYEAR}}</p>
</div>
4. Click "Save"

Revision as of 19:27, 14 March 2026

📋 Today at a Glance

         52
         Available Vehicles
         12
         Active Rentals
         4
         Due Today

🚙 Our Fleet

View Complete Fleet →

🔥 SPECIAL OFFER

       🎉

20% OFF

on all Luxury Cars

Valid until March 31, 2026

👥 DEPARTMENTS

  • Operations
  • • Fleet Management
  • • Maintenance Team
  • Customer Service
  • • Reservations
  • • Support Desk

© 2026 Serix Vehicle Rental. All rights reserved.

Internal Knowledge Base - Last updated: 9 November 2026