200 lines
2.1 KiB
HTML
200 lines
2.1 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 Portfolio</title>
|
|
|
|
<style>
|
|
|
|
body{
|
|
margin:0;
|
|
font-family:Arial,sans-serif;
|
|
background:#f4f6f9;
|
|
}
|
|
|
|
header{
|
|
background:#1565c0;
|
|
color:white;
|
|
padding:30px;
|
|
text-align:center;
|
|
}
|
|
|
|
.container{
|
|
width:90%;
|
|
max-width:1000px;
|
|
margin:auto;
|
|
padding:20px;
|
|
}
|
|
|
|
.card{
|
|
background:white;
|
|
border-radius:10px;
|
|
padding:20px;
|
|
margin-bottom:20px;
|
|
box-shadow:0 2px 8px rgba(0,0,0,.15);
|
|
}
|
|
|
|
.card h2{
|
|
margin-top:0;
|
|
color:#1565c0;
|
|
}
|
|
|
|
.btn{
|
|
display:inline-block;
|
|
text-decoration:none;
|
|
color:white;
|
|
background:#1565c0;
|
|
padding:10px 18px;
|
|
border-radius:6px;
|
|
margin-top:10px;
|
|
}
|
|
|
|
.btn:hover{
|
|
background:#0d47a1;
|
|
}
|
|
|
|
.list-link{
|
|
display:block;
|
|
margin:8px 0;
|
|
color:#1565c0;
|
|
text-decoration:none;
|
|
}
|
|
|
|
.list-link:hover{
|
|
text-decoration:underline;
|
|
}
|
|
|
|
footer{
|
|
text-align:center;
|
|
padding:20px;
|
|
color:#666;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header>
|
|
|
|
<h1>
|
|
Sistem Informasi Geografis (SIG)
|
|
</h1>
|
|
|
|
<p>
|
|
Kumpulan Tugas dan Proyek WebGIS
|
|
</p>
|
|
|
|
</header>
|
|
|
|
<div class="container">
|
|
|
|
<div class="card">
|
|
|
|
<h2>
|
|
Proyek Utama
|
|
</h2>
|
|
|
|
<p>
|
|
|
|
Sistem Pendataan Warga Kurang Mampu dan
|
|
Rumah Ibadah berbasis WebGIS.
|
|
|
|
</p>
|
|
|
|
<a
|
|
class="btn"
|
|
href="pendataanwarga2.html">
|
|
|
|
Buka Sistem
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="card">
|
|
|
|
<h2>
|
|
Tugas Praktikum Mingguan
|
|
</h2>
|
|
|
|
<a
|
|
class="list-link"
|
|
href="pertemuan1.html">
|
|
|
|
Input dan Show data SPBU
|
|
|
|
</a>
|
|
|
|
<a
|
|
class="list-link"
|
|
href="pertemuan2.html">
|
|
|
|
Gambar dan Simpan Jalan
|
|
|
|
</a>
|
|
|
|
<a
|
|
class="list-link"
|
|
href="pertemuan3.html">
|
|
|
|
Gambar dan Simpan Tanah
|
|
|
|
</a>
|
|
|
|
<a
|
|
class="list-link"
|
|
href="pertemuan4.html">
|
|
|
|
Layer Control SPBU
|
|
|
|
</a>
|
|
|
|
<a
|
|
class="list-link"
|
|
href="choropleth.html">
|
|
|
|
Choropleth Penduduk Pontianak
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="card">
|
|
|
|
<h2>
|
|
Backend Deployment
|
|
</h2>
|
|
|
|
<ul>
|
|
|
|
<li>Folder API</li>
|
|
|
|
<li>Folder Database</li>
|
|
|
|
<li>Konfigurasi XAMPP</li>
|
|
|
|
</ul>
|
|
|
|
<p>
|
|
|
|
Digunakan untuk mendukung fitur backend
|
|
saat sistem dijalankan secara lokal maupun deployment.
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<footer>
|
|
|
|
WebGIS Portfolio © 2026
|
|
|
|
</footer>
|
|
|
|
</body>
|
|
</html> |