Abimanyu Ridho
64 lines
2.6 KiB
HTML
64 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="id">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>WebGIS - Portal Sistem Informasi Geografis</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@400;500;600;700;800&family=Space+Grotesk:wght@500;700;800&display=swap" rel="stylesheet" />
|
|
<link rel="stylesheet" href="landing.css" />
|
|
</head>
|
|
<body>
|
|
|
|
<header class="landing-header">
|
|
<a href="index.html" class="brand">
|
|
<div class="brand-title">WebGIS Portal</div>
|
|
<div class="brand-sub">Sistem Informasi Geografis Berbasis Web</div>
|
|
</a>
|
|
</header>
|
|
|
|
<main class="hero">
|
|
<h1>Eksplorasi Data Spasial Terpadu</h1>
|
|
<p>Akses informasi geografis mengenai tingkat kemiskinan, persebaran SPBU, infrastruktur jalan, dan data bidang persil tanah dalam satu platform interaktif yang memukau.</p>
|
|
|
|
<div class="features-grid">
|
|
<a href="webgis_class/kemiskinan.html" class="feature-card">
|
|
<div class="feature-icon">👥</div>
|
|
<h2 class="feature-title">Kemiskinan & Rumah Ibadah</h2>
|
|
<p class="feature-desc">Peta sebaran penduduk dan fasilitas rumah ibadah di berbagai wilayah.</p>
|
|
</a>
|
|
|
|
<a href="webgis_class/spbu.html" class="feature-card">
|
|
<div class="feature-icon">⛽</div>
|
|
<h2 class="feature-title">Persebaran SPBU</h2>
|
|
<p class="feature-desc">Lokasi stasiun pengisian bahan bakar umum beserta status layanannya.</p>
|
|
</a>
|
|
|
|
<a href="webgis_class/jalan.html" class="feature-card">
|
|
<div class="feature-icon">🛣️</div>
|
|
<h2 class="feature-title">Infrastruktur Jalan</h2>
|
|
<p class="feature-desc">Data jaringan jalan raya nasional, provinsi, dan kabupaten terintegrasi.</p>
|
|
</a>
|
|
|
|
<a href="webgis_class/persil.html" class="feature-card">
|
|
<div class="feature-icon">🗺️</div>
|
|
<h2 class="feature-title">Bidang Persil Tanah</h2>
|
|
<p class="feature-desc">Pemetaan bidang tanah bersertifikat lengkap dengan informasi status kepemilikan.</p>
|
|
</a>
|
|
|
|
<a href="webgis_class/basemap.html" class="feature-card">
|
|
<div class="feature-icon">🏙️</div>
|
|
<h2 class="feature-title">Peta Referensi Pontianak</h2>
|
|
<p class="feature-desc">Batas kecamatan, jaringan jalan, dan sungai besar Kota Pontianak dari data GeoJSON.</p>
|
|
</a>
|
|
</div>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
© 2026 WebGIS Sistem Informasi Geografis. Semua Hak Cipta Dilindungi.
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|