62 lines
2.6 KiB
HTML
62 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Siro Service | Fleet & Maintenance Portal</title>
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
<script src="https://unpkg.com/@phosphor-icons/web"></script>
|
|
|
|
<link rel="stylesheet" href="css/main.css">
|
|
</head>
|
|
<body>
|
|
|
|
<header>
|
|
<div class="logo">
|
|
<i class="ph-bold ph-wrench"></i>
|
|
<span>SIRO SERVICE</span>
|
|
</div>
|
|
<div>
|
|
<span style="font-size:0.88rem; color:var(--text-muted);"><i class="ph-fill ph-circle-pulse" style="color:#10b981;"></i> Service Hub Online</span>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<div class="hero-card">
|
|
<h1>Siro Fleet Maintenance & Service Center</h1>
|
|
<p style="color:var(--text-muted); max-width:600px; margin:0 auto;">
|
|
Dedicated web portal for registered service centers, vehicle inspection, maintenance scheduling, and captain support services.
|
|
</p>
|
|
|
|
<div class="services-grid">
|
|
<div class="service-card">
|
|
<div class="service-icon"><i class="ph ph-shield-check"></i></div>
|
|
<h3 style="margin-bottom:0.5rem; font-size:1.1rem;">Vehicle Inspection</h3>
|
|
<p style="font-size:0.88rem; color:var(--text-muted);">Perform 50-point technical inspections and issue digital safety permits for captains.</p>
|
|
</div>
|
|
|
|
<div class="service-card">
|
|
<div class="service-icon"><i class="ph ph-gas-pump"></i></div>
|
|
<h3 style="margin-bottom:0.5rem; font-size:1.1rem;">Fuel & EV Charging</h3>
|
|
<p style="font-size:0.88rem; color:var(--text-muted);">Manage partner station discounts, EV charging session ledgers, and fuel vouchers.</p>
|
|
</div>
|
|
|
|
<div class="service-card">
|
|
<div class="service-icon"><i class="ph ph-arrows-counter-clockwise"></i></div>
|
|
<h3 style="margin-bottom:0.5rem; font-size:1.1rem;">Maintenance Scheduling</h3>
|
|
<p style="font-size:0.88rem; color:var(--text-muted);">Routine oil changes, tire rotations, and scheduled service appointments for active fleet.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<button class="btn-cyan" onclick="alert('Siro Service Dispatch Agent initialized successfully.')">
|
|
<i class="ph ph-power"></i> Launch Service Desk
|
|
</button>
|
|
</div>
|
|
</main>
|
|
|
|
</body>
|
|
</html>
|