Merge pull request 'fix(Jellyfish.Corp): revisi bagian karir dan mitra kerja sama' (#30) from miaaurl/student-web-if-development-kit:fix/karir into main

Reviewed-on: #30
Approved
This commit was merged in pull request #30.
This commit is contained in:
izu
2026-06-05 16:20:52 +00:00
3 changed files with 163 additions and 70 deletions
+30
View File
@@ -646,6 +646,9 @@ const translations = {
"Lulusan Informatika UNTAN bukan hanya pencari kerja — mereka pencipta solusi.", "Lulusan Informatika UNTAN bukan hanya pencari kerja — mereka pencipta solusi.",
grp_jellyfish_career_desc: grp_jellyfish_career_desc:
"Lulusan Prodi Informatika UNTAN diserap secara luas oleh industri teknologi, instansi pemerintah, BUMN, dan startup. Dengan bekal kompetensi digital yang kuat, karir cemerlang menanti di berbagai sektor strategis.", "Lulusan Prodi Informatika UNTAN diserap secara luas oleh industri teknologi, instansi pemerintah, BUMN, dan startup. Dengan bekal kompetensi digital yang kuat, karir cemerlang menanti di berbagai sektor strategis.",
grp_jellyfish_industri: "Perusahaan Swasta & Korporasi",
grp_jellyfish_pemerintah: "Pemerintah & Instansi Publik",
grp_jellyfish_perguruan_tinggi: "Pendidikan, Organisasi & Lembaga Sosial",
grp_jellyfish_alumni_badge: "Alumni", grp_jellyfish_alumni_badge: "Alumni",
grp_jellyfish_alumni_title: "Kisah Sukses Alumni", grp_jellyfish_alumni_title: "Kisah Sukses Alumni",
@@ -656,6 +659,33 @@ const translations = {
grp_jellyfish_infra_title: "Infrastruktur dan Fasilitas", grp_jellyfish_infra_title: "Infrastruktur dan Fasilitas",
grp_jellyfish_infra_subtitle: grp_jellyfish_infra_subtitle:
"Fasilitas lengkap dan modern untuk mendukung proses belajar, penelitian, dan inovasi mahasiswa.", "Fasilitas lengkap dan modern untuk mendukung proses belajar, penelitian, dan inovasi mahasiswa.",
grp_jellyfish_pemerintah: "Instansi Pemerintah",
grp_jellyfish_perguruan_tinggi: "Perguruan Tinggi & Lembaga Riset",
grp_jellyfish_mitra_pln: "Pembuatan aplikasi monitoring BBM untuk PLN Nusantara Power UP Kapuas (2025).",
grp_jellyfish_mitra_diskominfo_kalbar: "Kerja sama dengan Diskominfo Kalbar untuk kerja praktek dan magang 2024-sekarang.",
grp_jellyfish_mitra_polda: "Penyelenggaraan CAT (Computer Assesment Test).",
grp_jellyfish_mitra_bappeda_sambas: "Pemutakhiran Geoportal Kabupaten Sambas pada infrastruktur Sambas GO.ID (2024).",
grp_jellyfish_mitra_bappeda_sintang: "Penyusunan Rencana Induk Sistem Informasi Geospasial kabupaten Sintang 2019, dan Kajian Analisa Dampak Lingkungan TPA dan IPLT.",
grp_jellyfish_mitra_bappeda_bengkayang: "Pembangunan Sistem Informasi Perencanaan Pembangunan Berbasis Data Geospasial dan Pendampingan Penyelenggaraan Informasi Geospasial Bagi Pemerintahan Daerah/Simpul Jaringan 2022.",
grp_jellyfish_mitra_bkpsdm: "Pengembangan dan pemeliharaan aplikasi E-Kinerja untuk manajemen kinerja aparatur sipil negara (2024).",
grp_jellyfish_mitra_bpbd_sintang: "Pembuatan peta potensi daerah rawan bencana banjir Kabupaten Sintang sebagai referensi mitigasi (2022).",
grp_jellyfish_mitra_bkd_pontianak: "Pengadaan Peta GIS PBB-P2 Tahap II untuk pengelolaan data pajak bumi dan bangunan Kota Pontianak (2022).",
grp_jellyfish_mitra_disperkim_singkawang: "Review baseline dan pemetaan kawasan permukiman kumuh Kota Singkawang (2020).",
grp_jellyfish_mitra_diskominfo_singkawang: "Kerja sama dengan Diskominfo Singkawang untuk kerja praktek dan magang 2024-sekarang.",
grp_jellyfish_mitra_diskominfo_pontianak: "Kerja sama dengan Diskominfo Pontianak untuk kerja praktek dan magang 2024-sekarang.",
grp_jellyfish_mitra_balitbang: "Pengembangan Dan Pemanfaatan Informasi Geospasial untuk Kelitbangan di Provinsi Kalbar.",
grp_jellyfish_mitra_unimas: "Kerja sama pelaksanaan Study Excursion 2019-2025.",
grp_jellyfish_mitra_uum: "Kerja sama menyelenggarakan konferensi internasional (ICODSE) - 2019.",
grp_jellyfish_mitra_ucs: "Kerja sama menyelenggarakan konferensi internasional (ICODSE) - 2019.",
grp_jellyfish_mitra_utem: "Kerjasama penyelenggaraan konferensi nasional.",
grp_jellyfish_mitra_ipb: "Kerja sama menyelenggarakan konferensi internasional (ICODSE) - 2019.",
grp_jellyfish_mitra_polnep: "Kerja sama dengan Politeknik Negeri Pontianak untuk kerja praktek dan magang 2024-sekarang.",
grp_jellyfish_mitra_poltekkes: "Rancangan kerja sama program Informatika dengan Politeknik Kesehatan Kemenkes Pontianak (2025).",
grp_limaem_hero_badge: "KOMUNITAS & KEPEMIMPINAN",
grp_limaem_hero_title: "Kehidupan Mahasiswa & <span style=\"color:#f5c82f;\">Himpunan (HMIF)</span>",
grp_limaem_hero_desc: "Membangun ekosistem kolaboratif di mana teknologi bertemu dengan kreativitas, membentuk calon pemimpin industri masa depan.",
grp_limaem_hero_btn: "Lihat Struktur Kepengurusan",
grp_jellyfish_partner_badge: "Kerjasama", grp_jellyfish_partner_badge: "Kerjasama",
grp_jellyfish_partner_title: "Mitra Strategis Informatika UNTAN", grp_jellyfish_partner_title: "Mitra Strategis Informatika UNTAN",
+90 -68
View File
@@ -1141,26 +1141,21 @@
</div> </div>
<main id="main-content" class="pt-[88px] lg:pt-[160px] min-h-screen bg-white"> <main id="main-content" class="pt-[88px] lg:pt-[160px] min-h-screen bg-white">
<div class="container mx-auto px-4 lg:px-8 py-12"> <div class="container">
<div class="mb-8 pb-8 border-b border-slate-200">
<span class="bg-untan-yellow text-slate-900 text-[10px] font-bold uppercase tracking-widest px-2 py-0.5 inline-block mb-3">Tugas Halaman Statis</span>
<h1 class="text-3xl lg:text-4xl font-bold text-slate-900 mb-2">Sekilas Informatika UNTAN</h1>
<p class="text-slate-500 text-sm">Kelompok 01 &mdash; Jellyfish.Corp &nbsp;&middot;&nbsp; Informatika UNTAN 2026</p>
</div>
<div id="assignment-body" class="prose prose-slate max-w-none"> <div id="assignment-body" class="prose prose-slate max-w-none">
<!-- ================= START: BAGIAN YANG DIEDIT KELOMPOK ================= --> <!-- ================= START: BAGIAN YANG DIEDIT KELOMPOK ================= -->
<!-- ===================== A. HERO ===================== --> <!-- ===================== A. HERO ===================== -->
<section class="jf-hero-landing"> <section class="jf-hero-landing">
<div class="jf-hero-landing-bg"></div> <div class="jf-hero-landing-bg"></div>
<div class="container jf-hero-landing-inner"> <div class="container jf-hero-landing-inner">
<div class="jf-hero-landing-content"> <div class="jf-hero-landing-content content">
<h1 class="jf-hero-headline" data-i18n="grp_jellyfish_hero_title">Sekilas Informatika<br> <h1 class="jf-hero-headline" data-i18n="grp_jellyfish_hero_title">Sekilas Informatika<br>
<h1 class="jf-hero-headline" data-i18n="grp_jellyfish_hero_subtitle" style="color: #feb401">Universitas Tanjungpura</h1> <h1 class="jf-hero-headline" data-i18n="grp_jellyfish_hero_subtitle" style="color: #feb401">Universitas Tanjungpura</h1>
<p class="jf-hero-sub" data-i18n="grp_jellyfish_hero_desc">Mencetak talenta digital unggulan dari Kalimantan Barat untuk Indonesia dan <p class="jf-hero-sub" data-i18n="grp_jellyfish_hero_desc">Mencetak talenta digital unggulan dari Kalimantan Barat untuk Indonesia dan
dunia. Bergabunglah bersama kami dalam perjalanan membangun masa depan teknologi.</p> dunia. Bergabunglah bersama kami dalam perjalanan membangun masa depan teknologi.</p>
<div class="jf-hero-ctas"> <div class="jf-hero-ctas">
<a href="#kontak" class="jf-hero-cta-primary" data-i18n="grp_jellyfish_btn_register">Daftar Sekarang</a> <a href="#kontak" class="jf-hero-cta-primary" data-i18n="grp_jellyfish_btn_register">Daftar Sekarang</a>
<a href="#tentang" class="jf-hero-cta-secondary" data-i18n="grp_jellyfish_btn_learn">Pelajari Lebih </a> <a href="#tentang" class="jf-hero-cta-secondary" data-i18n="grp_jellyfish_btn_learn">Pelajari Lebih Lanjut</a>
</div> </div>
<div class="jf-hero-stats"> <div class="jf-hero-stats">
<div class="jf-hs-item"> <div class="jf-hs-item">
@@ -1183,8 +1178,8 @@
<!-- ===================== B. TENTANG PRODI ===================== --> <!-- ===================== B. TENTANG PRODI ===================== -->
<section class="jf-section jf-section-white" id="tentang"> <section class="jf-section jf-section-white" id="tentang">
<div class="container"> <div class="container ">
<div class="jf-about-layout"> <div class="jf-about-layout content">
<div class="jf-about-left"> <div class="jf-about-left">
<span class="jf-badge" data-i18n="grp_jellyfish_about_badge">Tentang Prodi</span> <span class="jf-badge" data-i18n="grp_jellyfish_about_badge">Tentang Prodi</span>
<h2 class="jf-section-title" data-i18n="grp_jellyfish_about_title">Mengenal Program Studi Informatika UNTAN</h2> <h2 class="jf-section-title" data-i18n="grp_jellyfish_about_title">Mengenal Program Studi Informatika UNTAN</h2>
@@ -1332,7 +1327,7 @@
<!-- ===================== C. ANGKA ===================== --> <!-- ===================== C. ANGKA ===================== -->
<section class="jf-section jf-section-light"> <section class="jf-section jf-section-light">
<div class="container"> <div class="container content">
<div class="jf-section-header jf-center"> <div class="jf-section-header jf-center">
<span class="jf-badge" data-i18n="grp_jellyfish_stats_badge">Data &amp; Statistik</span> <span class="jf-badge" data-i18n="grp_jellyfish_stats_badge">Data &amp; Statistik</span>
<h2 class="jf-section-title" data-i18n="grp_jellyfish_stats_title">Informatika UNTAN dalam Angka</h2> <h2 class="jf-section-title" data-i18n="grp_jellyfish_stats_title">Informatika UNTAN dalam Angka</h2>
@@ -1379,8 +1374,8 @@
Informatika UNTAN (sejak 2023).</p> Informatika UNTAN (sejak 2023).</p>
</div> </div>
</div> </div>
<div style="text-align:center;margin-top:1.5rem;"> <div class="jf-rasio-wrapper" style="display:flex; justify-content:center; margin-top:1rem;">
<div class="jf-stat-row-card" style="display:inline-block;padding:1rem 2.5rem;"> <div class="jf-stat-row-card" style="width:calc(33.333% - 1rem);">
<div class="jf-stat-row-label" data-i18n="grp_jellyfish_rasio_dosen">Rasio Dosen : Mahasiswa</div> <div class="jf-stat-row-label" data-i18n="grp_jellyfish_rasio_dosen">Rasio Dosen : Mahasiswa</div>
<div class="jf-stat-row-num" style="color:#7c3aed;font-size:2rem;">1 : 11</div> <div class="jf-stat-row-num" style="color:#7c3aed;font-size:2rem;">1 : 11</div>
<div style="font-size:0.75rem;color:#94a3b8;" data-i18n="grp_jellyfish_rasio_standar">Memenuhi standar BAN-PT</div> <div style="font-size:0.75rem;color:#94a3b8;" data-i18n="grp_jellyfish_rasio_standar">Memenuhi standar BAN-PT</div>
@@ -1391,7 +1386,7 @@
<!-- ===================== D. PENCAPAIAN ===================== --> <!-- ===================== D. PENCAPAIAN ===================== -->
<section class="jf-section jf-section-white"> <section class="jf-section jf-section-white">
<div class="container"> <div class="container content">
<div class="jf-section-header jf-center"> <div class="jf-section-header jf-center">
<span class="jf-badge" data-i18n="grp_jellyfish_achievement_badge">Prestasi</span> <span class="jf-badge" data-i18n="grp_jellyfish_achievement_badge">Prestasi</span>
<h2 class="jf-section-title" data-i18n="grp_jellyfish_achievement_title">Pencapaian Membanggakan</h2> <h2 class="jf-section-title" data-i18n="grp_jellyfish_achievement_title">Pencapaian Membanggakan</h2>
@@ -1479,7 +1474,7 @@
<!-- ===================== E. STUDY CLUB ===================== --> <!-- ===================== E. STUDY CLUB ===================== -->
<section class="jf-section jf-section-light"> <section class="jf-section jf-section-light">
<div class="container"> <div class="container content">
<div class="jf-section-header jf-center"> <div class="jf-section-header jf-center">
<span class="jf-badge" data-i18n="grp_jellyfish_studyclub_badge">Komunitas</span> <span class="jf-badge" data-i18n="grp_jellyfish_studyclub_badge">Komunitas</span>
<h2 class="jf-section-title" data-i18n="grp_jellyfish_studyclub_title">Study Club</h2> <h2 class="jf-section-title" data-i18n="grp_jellyfish_studyclub_title">Study Club</h2>
@@ -1524,59 +1519,73 @@
</div> </div>
</section> </section>
<!-- ===================== F. KARIR ===================== --> <!-- ===================== F. KARIR ===================== -->
<section class="jf-section jf-section-white"> <section class="jf-section jf-section-white">
<div class="container"> <div class="container content">
<div class="jf-karir-layout"> <div class="jf-karir-layout">
<div class="jf-karir-left"> <div class="jf-karir-left">
<span class="jf-badge" data-i18n="grp_jellyfish_career_badge">Karir</span> <span class="jf-badge" data-i18n="grp_jellyfish_career_badge">Karir</span>
<h2 class="jf-section-title" data-i18n="grp_jellyfish_career_title">Masa Depan Lulusan Informatika</h2> <h2 class="jf-section-title" data-i18n="grp_jellyfish_career_title">Masa Depan Lulusan Informatika</h2>
<p class="jf-karir-headline-italic" data-i18n="grp_jellyfish_career_headline">Lulusan Informatika UNTAN bukan hanya pencari kerja — mereka pencipta solusi.</p>
<p data-i18n="grp_jellyfish_career_desc">Lulusan Prodi Informatika UNTAN diserap secara luas oleh industri teknologi, instansi pemerintah, BUMN, dan startup. Dengan bekal kompetensi digital yang kuat, karir cemerlang menanti di berbagai sektor strategis.</p> <p data-i18n="grp_jellyfish_career_desc">Lulusan Prodi Informatika UNTAN diserap secara luas oleh berbagai sektor — mulai dari instansi pemerintah, korporasi swasta, lembaga pendidikan, hingga wirausaha mandiri. Kompetensi digital yang kuat membuka peluang karir di mana saja.</p>
<div class="jf-karir-other" style="margin-top:1.5rem;"> <div class="jf-karir-other" style="margin-top:1.5rem;">
<strong data-i18n="grp_jellyfish_bidang_karir">Bidang Karir Lainnya:</strong> <strong data-i18n="grp_jellyfish_bidang_karir">Bidang Karir</strong>
<div class="jf-chip-wrap" style="margin-top:0.5rem;"> <div class="jf-chip-wrap" style="margin-top:0.5rem;">
<span class="jf-chip">IT Project Manager</span> <span class="jf-chip">Web Developer</span>
<span class="jf-chip">Database Admin</span> <span class="jf-chip">Data Engineer</span>
<span class="jf-chip">Cloud Architect</span> <span class="jf-chip">Mobile Developer</span>
<span class="jf-chip">Game Developer</span> <span class="jf-chip">UI / UX Designer</span>
<span class="jf-chip">Business Intelligence</span> <span class="jf-chip">Networking / DevOps</span>
<span class="jf-chip">IoT Engineer</span> <span class="jf-chip">Cybersecurity</span>
<span class="jf-chip">Machine Learning / AI</span>
<span class="jf-chip">Database Engineer</span>
<span class="jf-chip" data-i18n="grp_jellyfish_akademisi">Akademisi / Dosen</span> <span class="jf-chip" data-i18n="grp_jellyfish_akademisi">Akademisi / Dosen</span>
</div> </div>
</div> </div>
</div> </div>
<div class="jf-karir-right"> <div class="jf-karir-right">
<div class="jf-karir-card jf-karir-navy"> <div class="jf-karir-card jf-karir-navy">
<div class="jf-kc-title">Software Engineer</div> <div class="jf-kc-title" data-i18n="grp_jellyfish_pemerintah">Pemerintah &amp; Instansi Publik</div>
<div class="jf-kc-chips"> <div class="jf-kc-chips">
<span>Backend</span><span>Frontend</span><span>Mobile Dev</span><span>DevOps</span> <span>Diskominfo</span>
<span>Bappeda</span>
<span>BKPSDM</span>
<span>Bapenda</span>
<span>KPU</span>
<span>BRIN</span>
</div> </div>
<div class="jf-kc-company">Gojek, Tokopedia, Traveloka, Startup</div>
</div> </div>
<div class="jf-karir-card jf-karir-purple"> <div class="jf-karir-card jf-karir-purple">
<div class="jf-kc-title">Data &amp; AI Specialist</div> <div class="jf-kc-title" data-i18n="grp_jellyfish_industri">Perusahaan Swasta &amp; Korporasi</div>
<div class="jf-kc-chips"> <div class="jf-kc-chips">
<span>Data Scientist</span><span>ML Engineer</span><span>AI <span>PT Telkom Indonesia</span>
Researcher</span><span>Business Analyst</span> <span>Telkomsel</span>
<span>PLN Icon Plus</span>
<span>Bank BCA</span>
<span>Grab</span>
<span>Astra Daihatsu</span>
</div> </div>
<div class="jf-kc-company">Bank, BUMN, Fintech</div>
</div> </div>
<div class="jf-karir-card jf-karir-green"> <div class="jf-karir-card jf-karir-green">
<div class="jf-kc-title">Cybersecurity</div> <div class="jf-kc-title" data-i18n="grp_jellyfish_perguruan_tinggi">Pendidikan, Organisasi &amp; Lembaga Sosial</div>
<div class="jf-kc-chips"> <div class="jf-kc-chips">
<span>Penetration Tester</span><span>Security Analyst</span><span>Network <span>UNTAN</span>
Engineer</span> <span>Politeknik Negeri Sambas</span>
<span>STIKES Sambas</span>
<span>SMA / SMP / SD</span>
<span>Organisasi Keagamaan</span>
</div> </div>
<div class="jf-kc-company">BSSN, Kominfo, Perbankan</div>
</div> </div>
<div class="jf-karir-card jf-karir-orange"> <div class="jf-karir-card jf-karir-orange">
<div class="jf-kc-title" data-i18n="grp_jellyfish_wirausaha">Wirausaha Digital</div> <div class="jf-kc-title" data-i18n="grp_jellyfish_wirausaha">Wirausaha, UMKM &amp; Freelance</div>
<div class="jf-kc-chips"> <div class="jf-kc-chips">
<span>Founder Startup</span><span>Freelancer</span><span>Digital <span>Freelancer</span>
Consultant</span><span>E-commerce</span> <span>Web Developer</span>
<span>IT Consultant</span>
<span>Startup Founder</span>
<span>Creative Studio</span>
<span>UMKM Digital</span>
</div> </div>
<div class="jf-kc-company" data-i18n="grp_jellyfish_mandiri">Mandiri, Remote Work</div>
</div> </div>
</div> </div>
</div> </div>
@@ -1585,7 +1594,7 @@
<!-- ===================== G. ALUMNI ===================== --> <!-- ===================== G. ALUMNI ===================== -->
<section class="jf-section jf-section-light"> <section class="jf-section jf-section-light">
<div class="container"> <div class="container content">
<div class="jf-section-header jf-center"> <div class="jf-section-header jf-center">
<span class="jf-badge" data-i18n="grp_jellyfish_alumni_badge">Alumni</span> <span class="jf-badge" data-i18n="grp_jellyfish_alumni_badge">Alumni</span>
<h2 class="jf-section-title" data-i18n="grp_jellyfish_alumni_title">Kisah Sukses Alumni</h2> <h2 class="jf-section-title" data-i18n="grp_jellyfish_alumni_title">Kisah Sukses Alumni</h2>
@@ -1674,7 +1683,7 @@
<!-- ===================== H. INFRASTRUKTUR ===================== --> <!-- ===================== H. INFRASTRUKTUR ===================== -->
<section class="jf-section jf-section-dark"> <section class="jf-section jf-section-dark">
<div class="container"> <div class="container content">
<div class="jf-section-header jf-center"> <div class="jf-section-header jf-center">
<span class="jf-badge" data-i18n="grp_jellyfish_infra_badge">Infrastruktur</span> <span class="jf-badge" data-i18n="grp_jellyfish_infra_badge">Infrastruktur</span>
<h2 class="jf-section-title" style="color:white;" data-i18n="grp_jellyfish_infra_title">Infrastruktur dan Fasilitas</h2> <h2 class="jf-section-title" style="color:white;" data-i18n="grp_jellyfish_infra_title">Infrastruktur dan Fasilitas</h2>
@@ -1713,25 +1722,12 @@
<div class="jf-infra-stat"><span>IEEE · Scopus · ACM</span></div> <div class="jf-infra-stat"><span>IEEE · Scopus · ACM</span></div>
</div> </div>
</div> </div>
<div class="jf-license-bar">
<span class="jf-lic-label" data-i18n="grp_jellyfish_license">Lisensi Perangkat Lunak Tersedia:</span>
<div class="jf-lic-chips">
<span>Microsoft Office 365</span>
<span>JetBrains IDE</span>
<span>Adobe Creative Cloud</span>
<span>GitHub Enterprise</span>
<span>Figma Education</span>
<span>MATLAB</span>
<span>Cisco Packet Tracer</span>
<span>AWS Academy</span>
</div>
</div>
</div> </div>
</section> </section>
<!-- ===================== I. MITRA ===================== --> <!-- ===================== I. MITRA ===================== -->
<section class="jf-section jf-section-white"> <section class="jf-section jf-section-white">
<div class="container"> <div class="container content">
<div class="jf-section-header jf-center"> <div class="jf-section-header jf-center">
<span class="jf-badge" data-i18n="grp_jellyfish_partner_badge">Kerjasama</span> <span class="jf-badge" data-i18n="grp_jellyfish_partner_badge">Kerjasama</span>
<h2 class="jf-section-title" data-i18n="grp_jellyfish_partner_title">Mitra Strategis Informatika UNTAN</h2> <h2 class="jf-section-title" data-i18n="grp_jellyfish_partner_title">Mitra Strategis Informatika UNTAN</h2>
@@ -1742,78 +1738,104 @@
</div> </div>
<div class="jf-mitra-group-title" data-i18n="grp_jellyfish_industri">Industri &amp; Swasta</div> <div class="jf-mitra-group-title" data-i18n="grp_jellyfish_industri">Industri &amp; Swasta</div>
<div class="jf-mitra-grid"> <div class="jf-mitra-grid" style="grid-template-columns:repeat(3,1fr);">
<div class="jf-mitra-card">
<div class="jf-mitra-logo"></div>
<div class="jf-mitra-name">PT. Indosat Ooredoo</div>
</div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-logo"></div> <div class="jf-mitra-logo"></div>
<div class="jf-mitra-name">PT. PLN Nusantara</div> <div class="jf-mitra-name">PT. PLN Nusantara</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_pln">Pembuatan aplikasi monitoring BBM untuk PLN Nusantara Power UP Kapuas (2025).</div>
</div> </div>
</div> </div>
<div class="jf-mitra-group-title" data-i18n="grp_jellyfish_pemerintah">Instansi Pemerintah</div> <div class="jf-mitra-group-title" data-i18n="grp_jellyfish_pemerintah">Instansi Pemerintah</div>
<div class="jf-mitra-grid jf-mitra-grid-gov" style="grid-template-columns:repeat(6,1fr)"> <div class="jf-mitra-grid jf-mitra-grid-gov" style="grid-template-columns:repeat(3,1fr)">
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">Diskominfo Kalbar</div> <div class="jf-mitra-name">Diskominfo Kalbar</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_diskominfo_kalbar">Kerja sama dengan Diskominfo Kalbar untuk kerja praktek dan magang 2024-sekarang.</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">POLDA Kalbar</div> <div class="jf-mitra-name">POLDA Kalbar</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_polda">Penyelenggaraan CAT (Computer Assesment Test).</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">Bappeda Sambas</div> <div class="jf-mitra-name">Bappeda Sambas</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_bappeda_sambas">Pemutakhiran Geoportal Kabupaten Sambas pada infrastruktur Sambas GO.ID (2024).</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">Bappeda Sintang</div> <div class="jf-mitra-name">Bappeda Sintang</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_bappeda_sintang">Penyusunan Rencana Induk Sistem Informasi Geospasial kabupaten Sintang 2019, dan Kajian Analisa Dampak Lingkungan TPA dan IPLT.</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">Bappeda Bengkayang</div> <div class="jf-mitra-name">Bappeda Bengkayang</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_bappeda_bengkayang">Pembangunan Sistem Informasi Perencanaan Pembangunan Berbasis Data Geospasial dan Pendampingan Penyelenggaraan Informasi Geospasial Bagi Pemerintahan Daerah/Simpul Jaringan 2022.</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">BKPSDM</div> <div class="jf-mitra-name">BKPSDM</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_bkpsdm">Pengembangan dan pemeliharaan aplikasi E-Kinerja untuk manajemen kinerja aparatur sipil negara (2024).</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">BPBD Sintang</div> <div class="jf-mitra-name">BPBD Sintang</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_bpbd_sintang">Pembuatan peta potensi daerah rawan bencana banjir Kabupaten Sintang sebagai referensi mitigasi (2022).</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">BKD Pontianak</div> <div class="jf-mitra-name">BKD Kota Pontianak</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_bkd_pontianak">Pengadaan Peta GIS PBB-P2 Tahap II untuk pengelolaan data pajak bumi dan bangunan Kota Pontianak (2022).</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">Disperkim Singkawang</div> <div class="jf-mitra-name">Disperkim Singkawang</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_disperkim_singkawang">Review baseline dan pemetaan kawasan permukiman kumuh Kota Singkawang (2020).</div>
</div>
<div class="jf-mitra-card">
<div class="jf-mitra-name">Diskominfo Singkawang</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_diskominfo_singkawang">Kerja sama dengan Diskominfo Singkawang untuk kerja praktek dan magang 2024-sekarang.</div>
</div>
<div class="jf-mitra-card">
<div class="jf-mitra-name">Diskominfo Pontianak</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_diskominfo_pontianak">Kerja sama dengan Diskominfo Pontianak untuk kerja praktek dan magang 2024-sekarang.</div>
</div>
<div class="jf-mitra-card">
<div class="jf-mitra-name">Badan Penelitian dan Pengembangan</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_balitbang">Pengembangan Dan Pemanfaatan Informasi Geospasial untuk Kelitbangan di Provinsi Kalbar.</div>
</div> </div>
</div> </div>
<div class="jf-mitra-group-title" data-i18n="grp_jellyfish_perguruan_tinggi">Perguruan Tinggi &amp; Lembaga Riset</div> <div class="jf-mitra-group-title" data-i18n="grp_jellyfish_perguruan_tinggi">Perguruan Tinggi &amp; Lembaga Riset</div>
<div class="jf-mitra-grid" style="grid-template-columns:repeat(6,1fr);"> <div class="jf-mitra-grid jf-mitra-grid-gov" style="grid-template-columns:repeat(3,1fr);">
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">UNIMAS Malaysia</div> <div class="jf-mitra-name">UNIMAS Malaysia</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_unimas">Kerja sama pelaksanaan Study Excursion 2019-2025.</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">UUM Malaysia</div> <div class="jf-mitra-name">UUM Malaysia</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_uum">Kerja sama menyelenggarakan konferensi internasional (ICODSE) - 2019.</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">UCS Sarawak</div> <div class="jf-mitra-name">UCS Sarawak</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_ucs">Kerja sama menyelenggarakan konferensi internasional (ICODSE) - 2019.</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">UTEM Malaysia</div> <div class="jf-mitra-name">UTEM Malaysia</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_utem">Kerjasama penyelenggaraan konferensi nasional.</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">IPB Indonesia</div> <div class="jf-mitra-name">IPB Indonesia</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_ipb">Kerja sama menyelenggarakan konferensi internasional (ICODSE) - 2019.</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">Polnep</div> <div class="jf-mitra-name">Politeknik Negeri Pontianak</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_polnep">Kerja sama dengan Politeknik Negeri Pontianak untuk kerja praktek dan magang 2024-sekarang.</div>
</div> </div>
<div class="jf-mitra-card"> <div class="jf-mitra-card">
<div class="jf-mitra-name">Poltekkes Pontianak</div> <div class="jf-mitra-name">Poltekkes Pontianak</div>
<div class="jf-mitra-desc" data-i18n="grp_jellyfish_mitra_poltekkes">Rancangan kerja sama program Informatika dengan Politeknik Kesehatan Kemenkes Pontianak (2025).</div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<!-- ===================== K. CTA / KONTAK ===================== --> <!-- ===================== K. CTA / KONTAK ===================== -->
<section class="jf-section jf-cta-section" id="kontak"> <section class="jf-section jf-cta-section" id="kontak">
<div class="container jf-cta-inner"> <div class="container jf-cta-inner content">
<div class="jf-cta-left"> <div class="jf-cta-left">
<span class="jf-badge" data-i18n="grp_jellyfish_cta_badge">Bergabung Bersama Kami</span> <span class="jf-badge" data-i18n="grp_jellyfish_cta_badge">Bergabung Bersama Kami</span>
<h2 class="jf-cta-title" data-i18n="grp_jellyfish_cta_title">Mulai Perjalanan Digital Anda <span class="jf-cta-highlight" data-i18n="grp_jellyfish_cta_highlight">Bersama Kami</span></h2> <h2 class="jf-cta-title" data-i18n="grp_jellyfish_cta_title">Mulai Perjalanan Digital Anda <span class="jf-cta-highlight" data-i18n="grp_jellyfish_cta_highlight">Bersama Kami</span></h2>
+43 -2
View File
@@ -252,7 +252,9 @@ h1, h2, h3, h4, h5, h6 {
/* Shell layout tambahan */ /* Shell layout tambahan */
.nav { background: #003150; padding: 1rem 0; } .nav { background: #003150; padding: 1rem 0; }
.nav .brand { color: white; font-weight: 700; font-size: 1.1rem; letter-spacing: 0.02em; } .nav .brand { color: white; font-weight: 700; font-size: 1.1rem; letter-spacing: 0.02em; }
.container { max-width: 1100px; margin: 0 auto; padding: 0 1.5rem; } .container { max-width: 1100px;}
.content {padding: 0 50px;}
.hero { position: relative; background: linear-gradient(135deg, #003150 0%, #005eb8 60%, #00b5e2 100%); min-height: 320px; display: flex; align-items: flex-end; overflow: hidden; } .hero { position: relative; background: linear-gradient(135deg, #003150 0%, #005eb8 60%, #00b5e2 100%); min-height: 320px; display: flex; align-items: flex-end; overflow: hidden; }
.hero-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.18; } .hero-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.18; }
@@ -1512,6 +1514,37 @@ a { text-decoration: none; }
box-shadow: 0 6px 20px rgba(0,94,184,.1); box-shadow: 0 6px 20px rgba(0,94,184,.1);
transform: translateY(-3px); transform: translateY(-3px);
} }
.jf-mitra-desc {
font-size: .67rem;
color: #94a3b8;
line-height: 1.45;
margin-top: .2rem;
font-weight: 400;
}
.jf-mitra-name {
font-size: .75rem;
font-weight: 600;
color: var(--slate);
line-height: 1.35;
}
.jf-mitra-card {
background: var(--white);
border: 1px solid #e8eef5;
border-radius: .85rem;
padding: 1rem .85rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
min-height: 90px;
gap: .35rem;
transition: all .25s;
}
.jf-mitra-logo { font-size: 1.5rem; } .jf-mitra-logo { font-size: 1.5rem; }
.jf-mitra-name { font-size: .68rem; font-weight: 600; color: var(--slate); line-height: 1.35; } .jf-mitra-name { font-size: .68rem; font-weight: 600; color: var(--slate); line-height: 1.35; }
@@ -1699,6 +1732,7 @@ a { text-decoration: none; }
.jf-mitra-grid { grid-template-columns: repeat(3, 1fr); } .jf-mitra-grid { grid-template-columns: repeat(3, 1fr); }
.jf-mitra-grid-gov { grid-template-columns: repeat(3, 1fr); } .jf-mitra-grid-gov { grid-template-columns: repeat(3, 1fr); }
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
.jf-about-layout { grid-template-columns: 1fr; } .jf-about-layout { grid-template-columns: 1fr; }
.jf-timeline-card { position: static; max-height: none; } .jf-timeline-card { position: static; max-height: none; }
@@ -1725,7 +1759,14 @@ a { text-decoration: none; }
.jf-hs-item { padding: 0; } .jf-hs-item { padding: 0; }
.jf-cta-title { font-size: 1.9rem; } .jf-cta-title { font-size: 1.9rem; }
} }
@media (max-width: 640px) {
.jf-stats-row2 {
grid-template-columns: 1fr;
}
.jf-rasio-wrapper .jf-stat-row-card {
width: 100% !important;
}
}
/* ===================================================== /* =====================================================
WHITE TEXT FIXES — Dark Background Sections WHITE TEXT FIXES — Dark Background Sections
===================================================== */ ===================================================== */