Himpunan Psikologi Indonesia Wilayah DKI Jaya Formulir Keanggotaan dan Link Download File Referensi
https://eu2.contabostorage.com/00f3241116844f24b628f46d81abb929:st1/folder5/5700/jmuser_file_1644592390_1c66b7fac76e3c5d939a31795943b0f2.doc
2026-06-01 18:19:03 - Admin
<style> body { font-family: Arial, Helvetica, sans-serif; line-height: 1.6; margin: 0; padding: 0; background-color: #f9f9f9; color: #333; } header { background-color: #2E86C1; color: #fff; padding: 20px; text-align: center; } nav { background-color: #D6EAF8; padding: 10px; text-align: center; } nav a { margin: 0 15px; color: #2E86C1; text-decoration: none; font-weight: bold; } main { max-width: 800px; margin: 30px auto; background-color: #fff; padding: 25px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } h1, h2, h3 { color: #2E86C1; } .section { margin-bottom: 25px; } label { display: block; margin-top: 10px; font-weight: bold; } input, select, textarea { width: 100%; padding: 8px; margin-top: 5px; border: 1px solid #ccc; border-radius: 4px; } .btn-submit { background-color: #2E86C1; color: #fff; border: none; padding: 12px 20px; margin-top: 15px; cursor: pointer; border-radius: 4px; } .btn-submit:hover { background-color: #1B4F72; } </style> <header> <h1>Himpunan Psikologi Indonesia Wilayah DKI Jaya</h1> <p>Formulir Keanggotaan</p> </header> <nav> <a href="#tentang">Tentang HPI DKI</a> <a href="#manfaat">Manfaat Keanggotaan</a> <a href="#prosedur">Prosedur Pendaftaran</a> <a href="#formulir">Formulir</a> </nav> <main> <section id="tentang" class="section"> <h2>Tentang Himpunan Psikologi Indonesia Wilayah DKI Jaya</h2> <p> Himpunan Psikologi Indonesia (HPI) merupakan organisasi profesional yang berperan sebagai wadah bagi para psikolog, mahasiswa psikologi, dan profesional lain yang terkait dengan ilmu psikologi di Indonesia. Cabang wilayah DKI Jaya (HPI DKI) berfokus pada pengembangan ilmu psikologi, peningkatan standar praktik, serta kolaborasi lintas bidang di ibu kota. </p> <p> Visi HPI DKI adalah menjadi pusat inovasi psikologi yang berkontribusi pada kesejahteraan masyarakat, sementara misinya mencakup penyediaan pelatihan, penelitian, dan advokasi kebijakan berbasis bukti. Dengan jaringan yang luas, HPI DKI menjadi tempat bertukar ide, pengalaman, dan sumber daya bagi para anggotanya. </p> </section> <section id="manfaat" class="section"> <h2>Manfaat Keanggotaan</h2> <ul> <li>Akses ke jurnal, publikasi, dan materi edukasi eksklusif.</li> <li>Kesempatan mengikuti seminar, workshop, dan konferensi nasional maupun internasional.</li> <li>Program beasiswa dan bantuan penelitian.</li> <li>Jaringan profesional untuk kolaborasi kerja dan karier.</li> <li>Diskon layanan psikologi bagi anggota dan keluarga.</li> <li>Sertifikasi keanggotaan yang diakui lembaga pemerintah.</li> </ul> </section> <section id="prosedur" class="section"> <h2>Prosedur Pendaftaran Keanggotaan</h2> <ol> <li>Unduh atau isi formulir keanggotaan secara online.</li> <li>Lengkapi data pribadi, riwayat pendidikan, dan pengalaman kerja.</li> <li>Unggah dokumen pendukung (ijazah, STR, sertifikat, foto terbaru).</li> <li>Lakukan pembayaran biaya pendaftaran melalui transfer bank atau ewallet.</li> <li>Kirimkan formulir beserta bukti pembayaran ke email <strong>keanggotaan@hpi-dki.org</strong>.</li> <li>Tim verifikasi akan memeriksa kelengkapan dokumen selama 35 hari kerja.</li> <li>Setelah disetujui, Anda akan menerima kartu anggota elektronik dan undangan ke acara orientasi.</li> </ol> </section> <section id="formulir" class="section"> <h2>Formulir Keanggotaan</h2> <form action="https://example.com/submit" method="post" enctype="multipart/form-data"> <label for="nama">Nama Lengkap *</label> <input type="text" id="nama" name="nama" required> <label for="nik">NIK (Nomor Induk Kependudukan) *</label> <input type="text" id="nik" name="nik" pattern="\d{16}" required> <label for="email">Alamat Email *</label> <input type="email" id="email" name="email" required> <label for="telp">Nomor Telepon/HP *</label> <input type="tel" id="telp" name="telp" required> <label for="alamat">Alamat Tempat Tinggal *</label> <textarea id="alamat" name="alamat" rows="3" required></textarea> <label for="pendidikan">Tingkat Pendidikan *</label> <select id="pendidikan" name="pendidikan" required> <option value="">-- Pilih --</option> <option value="S1 Psikologi">S1 Psikologi</option> <option value="S2 Psikologi">S2 Psikologi</option> <option value="S3 Psikologi">S3 Psikologi</option> <option value="Lainnya">Lainnya</option> </select> <label for="str">Nomor STR (jika ada) *</label> <input type="text" id="str" name="str" required> <label for="foto">Upload Foto (JPG/PNG, max 2 MB) *</label> <input type="file" id="foto" name="foto" accept=".jpg,.jpeg,.png" required> <label for="ijazah">Upload Scan Ijazah *</label> <input type="file" id="ijazah" name="ijazah" accept=".pdf,.jpg,.jpeg,.png" required> <label for="pembayaran">Bukti Pembayaran *</label> <input type="file" id="pembayaran" name="pembayaran" accept=".pdf,.jpg,.jpeg,.png" required> <button type="submit" class="btn-submit">Kirim Pendaftaran</button> </form> </section> </main>