From 706678fa305b0a60c37afc969589d5a6e79cd07e Mon Sep 17 00:00:00 2001 From: Muhammad Fathur Rahman Date: Thu, 11 Jun 2026 15:34:18 +0700 Subject: [PATCH] Initial landing page --- index.html | 49 ++++++++++++++++++++++++++++++++++++ style.css | 74 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 123 insertions(+) create mode 100644 index.html create mode 100644 style.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..cb60706 --- /dev/null +++ b/index.html @@ -0,0 +1,49 @@ + + + + + + Portfolio Tugas WebGIS + + + + +
+
+

D1041231004 - Karoo V

+

Portfolio Project Deployment Coolify

+
+ +
+ +
+

WebGIS Poverty Mapping

+

+ Sistem pemetaan keluarga miskin berbasis partisipasi rumah ibadah + untuk membantu distribusi bantuan sosial. +

+ + Buka Aplikasi + +
+ +
+

WebGIS SPBU

+

+ Sistem informasi geografis untuk pemetaan lokasi SPBU + beserta informasi pendukungnya. +

+ + Buka Aplikasi + +
+ +
+ + +
+ + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..98c979a --- /dev/null +++ b/style.css @@ -0,0 +1,74 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: Arial, Helvetica, sans-serif; + background: #f4f6f9; + color: #333; +} + +.container { + max-width: 1000px; + margin: auto; + padding: 40px 20px; +} + +header { + text-align: center; + margin-bottom: 40px; +} + +header h1 { + color: #1e3a8a; + margin-bottom: 10px; +} + +header p { + color: #666; +} + +.projects { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); + gap: 20px; +} + +.card { + background: white; + padding: 25px; + border-radius: 12px; + box-shadow: 0 3px 10px rgba(0,0,0,0.1); +} + +.card h2 { + margin-bottom: 12px; + color: #1e3a8a; +} + +.card p { + margin-bottom: 20px; + line-height: 1.6; +} + +.card a { + display: inline-block; + text-decoration: none; + background: #2563eb; + color: white; + padding: 10px 18px; + border-radius: 8px; + transition: 0.3s; +} + +.card a:hover { + background: #1d4ed8; +} + +footer { + margin-top: 40px; + text-align: center; + color: #666; +} \ No newline at end of file