diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..581b33f --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,56 @@ +/* Custom CSS for Si-Apon */ +body { + font-family: 'Lato', sans-serif; + color: #264653; + background-color: #F4F4F4; +} + +h1, h2, h3, h4, h5, h6 { + font-family: 'Merriweather', serif; +} + +.navbar { + background-color: #FFFFFF; + box-shadow: 0 2px 4px rgba(0,0,0,0.1); +} + +.hero { + background: url('https://picsum.photos/seed/hero/1600/900') no-repeat center center; + background-size: cover; + color: white; + padding: 100px 0; + text-align: center; +} + +.hero h1 { + font-size: 3.5rem; + font-weight: 700; +} + +.hero p { + font-size: 1.25rem; +} + +.btn-primary { + background-color: #2A9D8F; + border-color: #2A9D8F; + padding: 10px 20px; + border-radius: 0.5rem; +} + +.btn-secondary { + background-color: #E9C46A; + border-color: #E9C46A; + padding: 10px 20px; + border-radius: 0.5rem; +} + +section { + padding: 60px 0; +} + +.card { + border: none; + border-radius: 0.5rem; + box-shadow: 0 4px 8px rgba(0,0,0,0.1); +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..362564a --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,34 @@ +// Custom JS for Si-Apon + +document.addEventListener('DOMContentLoaded', function () { + // Smooth scrolling for anchor links + document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', function (e) { + e.preventDefault(); + + document.querySelector(this.getAttribute('href')).scrollIntoView({ + behavior: 'smooth' + }); + }); + }); + + // Contact form validation + const contactForm = document.getElementById('contactForm'); + if (contactForm) { + contactForm.addEventListener('submit', function (e) { + e.preventDefault(); + // Basic validation + const name = document.getElementById('name').value; + const email = document.getElementById('email').value; + const message = document.getElementById('message').value; + + if (name === '' || email === '' || message === '') { + alert('Please fill in all fields.'); + } else { + // Here you would typically send the form data to the server + alert('Thank you for your message!'); + contactForm.reset(); + } + }); + } +}); diff --git a/index.php b/index.php index 7205f3d..ab5635d 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,135 @@ - - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + Si-Apon - Sistem Informasi Pajak Online + + + + + + + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + + + + + +
+
+

Selamat Datang di Si-Apon

+

Sistem Informasi Pajak Online Kabupaten Sarmi. Modernisasi Pelaporan Pajak untuk Pembangunan Daerah.

+ Lapor Pajak Sekarang +
+
+ + +
+
+
+ Masyarakat Sarmi tersenyum +
+
+

Tentang Si-Apon

+

Si-Apon adalah sebuah inovasi digital yang dirancang untuk merevolusi cara pengelolaan pajak dan retribusi daerah di Kabupaten Sarmi. Dengan platform yang terintegrasi dan mudah diakses, kami berkomitmen untuk menyederhanakan proses pelaporan, meningkatkan transparansi, dan mengoptimalkan Pendapatan Asli Daerah (PAD) demi kemajuan bersama.

+
+
+
+ + +
+
+
+

Jenis Pajak & Retribusi

+

Berbagai jenis pajak dan retribusi daerah yang dapat dilaporkan melalui Si-Apon.

+
+
+
+
+ Ikon Pajak Hotel +

Pajak Hotel

+

Pelaporan pajak untuk penginapan dan hotel.

+
+
+
+
+ Ikon Pajak Restoran +

Pajak Restoran

+

Pelaporan pajak untuk usaha restoran dan rumah makan.

+
+
+
+
+ Ikon PBB +

PBB-P2

+

Pajak Bumi dan Bangunan Perdesaan dan Perkotaan.

+
+
+
+
+
+ + +
+
+

Hubungi Kami

+

Punya pertanyaan atau butuh bantuan? Jangan ragu untuk menghubungi kami.

+
+
+
+
+
+ + +
+
+ + +
+
+ + +
+ +
+
+
+
+ + + + + + - + \ No newline at end of file diff --git a/privacy.php b/privacy.php new file mode 100644 index 0000000..9e53385 --- /dev/null +++ b/privacy.php @@ -0,0 +1,17 @@ + + + + + + Privacy Policy - Si-Apon + + + + +
+

Privacy Policy

+

This is a placeholder for the privacy policy.

+ Go back to Home +
+ +