Alur Pendaftaran PMB UIN Malang - Timeline Design<\/title>\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n \/* CSS Reset & Isolation untuk Elementor WordPress *\/\r\n .timeline-wrapper * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .timeline-wrapper {\r\n background: #ffffff !important;\r\n padding: 40px 20px;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n color: #1e293b !important;\r\n border-radius: 20px;\r\n width: 100%;\r\n max-width: 950px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Container Timeline Utama *\/\r\n .timeline-container {\r\n position: relative;\r\n padding-left: 170px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Garis Vertikal Timeline di Sebelah Kiri *\/\r\n .timeline-container::before {\r\n content: '';\r\n position: absolute;\r\n top: 25px;\r\n bottom: 25px;\r\n left: 140px;\r\n width: 2px;\r\n background: #e2e8f0;\r\n z-index: 1;\r\n }\r\n\r\n \/* Setiap Item Timeline *\/\r\n .timeline-item {\r\n position: relative;\r\n margin-bottom: 35px;\r\n display: flex;\r\n align-items: flex-start;\r\n }\r\n\r\n .timeline-item:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* Badge\/Pill Langkah di Sebelah Kiri *\/\r\n .timeline-badge {\r\n position: absolute;\r\n left: -170px;\r\n top: 15px;\r\n width: 110px;\r\n padding: 6px 14px;\r\n background: rgba(35, 141, 154, 0.1);\r\n color: #238D9A !important;\r\n border: 1px solid rgba(35, 141, 154, 0.3);\r\n border-radius: 20px;\r\n font-size: 0.78rem !important;\r\n font-weight: 700 !important;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n text-align: center;\r\n z-index: 2;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .timeline-badge.highlight-gold {\r\n background: rgba(212, 175, 55, 0.12) !important;\r\n color: #b59124 !important;\r\n border-color: rgba(212, 175, 55, 0.4) !important;\r\n }\r\n\r\n \/* Titik\/Node Lingkaran pada Garis Timeline *\/\r\n .timeline-node {\r\n position: absolute;\r\n left: -36px;\r\n top: 21px;\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: #238D9A;\r\n box-shadow: 0 0 0 4px #ffffff, 0 0 0 6px rgba(35, 141, 154, 0.2);\r\n z-index: 3;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .timeline-item:hover .timeline-node {\r\n background: #D4AF37;\r\n box-shadow: 0 0 0 4px #ffffff, 0 0 0 7px rgba(212, 175, 55, 0.3);\r\n }\r\n\r\n .timeline-item:hover .timeline-badge {\r\n background: #238D9A;\r\n color: #ffffff !important;\r\n border-color: #238D9A;\r\n }\r\n\r\n .timeline-item:hover .timeline-badge.highlight-gold {\r\n background: #D4AF37 !important;\r\n color: #ffffff !important;\r\n border-color: #D4AF37 !important;\r\n }\r\n\r\n \/* Kartu Konten Kontainer Kanan (Elegan seperti contoh gambar) *\/\r\n .timeline-card {\r\n background: #f8fafc !important;\r\n border: 1px solid #e2e8f0 !important;\r\n border-radius: 16px !important;\r\n padding: 24px 28px !important;\r\n width: 100%;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n position: relative;\r\n }\r\n\r\n .timeline-card:hover {\r\n background: #ffffff !important;\r\n border-color: rgba(35, 141, 154, 0.4) !important;\r\n box-shadow: 0 10px 25px rgba(35, 141, 154, 0.08) !important;\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* Judul Langkah dalam Kartu *\/\r\n .timeline-title {\r\n font-size: 1.1rem !important;\r\n font-weight: 700 !important;\r\n color: #0f172a !important;\r\n margin: 0 0 8px 0 !important;\r\n line-height: 1.4 !important;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .timeline-title i {\r\n color: #238D9A;\r\n font-size: 1.15rem;\r\n }\r\n\r\n .timeline-title a {\r\n color: #238D9A !important;\r\n text-decoration: underline !important;\r\n word-break: break-all;\r\n transition: color 0.2s ease;\r\n }\r\n\r\n .timeline-title a:hover {\r\n color: #165a62 !important;\r\n }\r\n\r\n .timeline-desc {\r\n font-size: 0.92rem !important;\r\n color: #475569 !important;\r\n margin: 0 !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n \/* Inner Sub-cards untuk Metode Pembayaran (Langkah 5) *\/\r\n .payment-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 15px;\r\n margin-top: 16px;\r\n }\r\n\r\n .payment-card {\r\n background: #ffffff !important;\r\n border: 1px solid #cbd5e1 !important;\r\n border-top: 3px solid #238D9A !important;\r\n border-radius: 12px !important;\r\n padding: 16px !important;\r\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);\r\n }\r\n\r\n .payment-card-title {\r\n font-size: 0.88rem !important;\r\n font-weight: 700 !important;\r\n color: #0f172a !important;\r\n margin-bottom: 8px !important;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .payment-card-title i {\r\n color: #cc0000;\r\n }\r\n\r\n .payment-list {\r\n margin: 0 !important;\r\n padding-left: 18px !important;\r\n font-size: 0.85rem !important;\r\n color: #475569 !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n .payment-list li {\r\n margin-bottom: 4px;\r\n }\r\n\r\n \/* Responsif untuk Layar Tablet dan Mobile *\/\r\n @media (max-width: 768px) {\r\n .timeline-container {\r\n padding-left: 0;\r\n }\r\n\r\n .timeline-container::before {\r\n left: 18px;\r\n }\r\n\r\n .timeline-item {\r\n flex-direction: column;\r\n padding-left: 45px;\r\n }\r\n\r\n .timeline-badge {\r\n position: relative;\r\n left: 0;\r\n top: 0;\r\n margin-bottom: 10px;\r\n width: fit-content;\r\n padding: 4px 12px;\r\n }\r\n\r\n .timeline-node {\r\n left: 12px;\r\n top: 28px;\r\n }\r\n\r\n .timeline-card {\r\n padding: 18px 20px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"timeline-wrapper\">\r\n\r\n <div class=\"timeline-container\">\r\n \r\n \r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-badge\">Langkah 1<\/div>\r\n <div class=\"timeline-node\"><\/div>\r\n <div class=\"timeline-card\">\r\n <h3 class=\"timeline-title\">\r\n <i class=\"fa-brands fa-google\"><\/i>\r\n Login Portal Pendaftaran\r\n <\/h3>\r\n <p class=\"timeline-desc\">\r\n Buka portal resmi dan masuk menggunakan akun Gmail Anda melalui tautan:<br>\r\n <a href=\"https:\/\/verifikasi.uin-malang.ac.id\/portal\/\" target=\"_blank\">https:\/\/verifikasi.uin-malang.ac.id\/portal\/<\/a>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-badge\">Langkah 2<\/div>\r\n <div class=\"timeline-node\"><\/div>\r\n <div class=\"timeline-card\">\r\n <h3 class=\"timeline-title\">\r\n <i class=\"fa-solid fa-user-pen\"><\/i>\r\n Pengisian Profil Utama\r\n <\/h3>\r\n <p class=\"timeline-desc\">\r\n Lengkapi data identitas diri dan informasi dasar pada menu Profil Utama.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-badge\">Langkah 3<\/div>\r\n <div class=\"timeline-node\"><\/div>\r\n <div class=\"timeline-card\">\r\n <h3 class=\"timeline-title\">\r\n <i class=\"fa-solid fa-list-check\"><\/i>\r\n Pilih Jalur Pendaftaran\r\n <\/h3>\r\n <p class=\"timeline-desc\">\r\n Pilih jalur pendaftaran yang sedang dibuka sesuai dengan yang Anda tuju.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-badge\">Langkah 4<\/div>\r\n <div class=\"timeline-node\"><\/div>\r\n <div class=\"timeline-card\">\r\n <h3 class=\"timeline-title\">\r\n <i class=\"fa-solid fa-file-invoice-dollar\"><\/i>\r\n Isi Formulir & Buat Tagihan\r\n <\/h3>\r\n <p class=\"timeline-desc\">\r\n Isi formulir pendaftaran awal, lalu klik Buat Tagihan.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-badge highlight-gold\">Langkah 5<\/div>\r\n <div class=\"timeline-node\"><\/div>\r\n <div class=\"timeline-card\">\r\n <h3 class=\"timeline-title\">\r\n <i class=\"fa-solid fa-credit-card\"><\/i>\r\n Bayar Tagihan Pendaftaran\r\n <\/h3>\r\n <p class=\"timeline-desc\">\r\n Lakukan pembayaran biaya pendaftaran sesuai nominal yang tertera menggunakan ID Bayar yang telah didapatkan.\r\n <\/p>\r\n\r\n \r\n <div class=\"payment-grid\">\r\n \r\n <div class=\"payment-card\">\r\n <div class=\"payment-card-title\">\r\n <i class=\"fa-solid fa-building-columns\"><\/i> Via Teller Bank\r\n <\/div>\r\n <ul class=\"payment-list\">\r\n <li>Bank BRI, Mandiri, BNI, BSI, atau BTN<\/li>\r\n <li>Datang ke Teller Bank & tunjukkan ID Bayar<\/li>\r\n <li>Bayar Pendaftaran Mahasiswa S1\/S2\/S3 (Menyesuaiakan)<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"payment-card\">\r\n <div class=\"payment-card-title\">\r\n <i class=\"fa-solid fa-mobile-screen-button\"><\/i> Via Mobile Banking\r\n <\/div>\r\n <ul class=\"payment-list\">\r\n <li>Bank Mandiri, BNI, BTN, atau BSI<\/li>\r\n <li>Menu Pembayaran - Pendidikan<\/li>\r\n <li> Institusi: UIN Maulana Malik Ibrahim Malang<\/li>\r\n <li>Jenis Pembayaran: Pendaftaran Mahasaiswa S1\/S2\/S3 (Menyesuaikan)<\/li>\r\n <li>Masukkan NIM = ID Bayar<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-badge\">Langkah 6<\/div>\r\n <div class=\"timeline-node\"><\/div>\r\n <div class=\"timeline-card\">\r\n <h3 class=\"timeline-title\">\r\n <i class=\"fa-solid fa-cloud-arrow-up\"><\/i>\r\n Lengkapi Formulir & Unggah Berkas\r\n <\/h3>\r\n <p class=\"timeline-desc\">\r\n Lanjutkan mengisi kelengkapan formulir dan unggah berkas\/dokumen sesuai dengan ketentuan syarat pendaftaran.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-badge\">Langkah 7<\/div>\r\n <div class=\"timeline-node\"><\/div>\r\n <div class=\"timeline-card\">\r\n <h3 class=\"timeline-title\">\r\n <i class=\"fa-solid fa-print\"><\/i>\r\n Cetak Kartu Peserta Ujian\r\n <\/h3>\r\n <p class=\"timeline-desc\">\r\n Cetak Kartu Peserta Ujian sebagai bukti sah pendaftaran dan syarat mengikuti tes.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-badge highlight-gold\">Langkah 8<\/div>\r\n <div class=\"timeline-node\"><\/div>\r\n <div class=\"timeline-card\">\r\n <h3 class=\"timeline-title\">\r\n <i class=\"fa-solid fa-pen-to-square\"><\/i>\r\n Ikuti Pelaksanaan Ujian\r\n <\/h3>\r\n <p class=\"timeline-desc\">\r\n Ikuti pelaksanaan ujian seleksi sesuai dengan jadwal dan petunjuk informasi pada Kartu Peserta.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Alur Pendaftaran – S1\/S2\/S3\/Profesi (Jenjang Menyesuaikan) Alur Pendaftaran PMB UIN Malang – Timeline Design Langkah 1 Login Portal Pendaftaran Buka portal resmi dan masuk menggunakan akun Gmail Anda melalui tautan: https:\/\/verifikasi.uin-malang.ac.id\/portal\/ Langkah 2 Pengisian Profil Utama Lengkapi data identitas diri dan informasi dasar pada menu Profil Utama. Langkah 3 Pilih Jalur Pendaftaran Pilih jalur pendaftaran […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13361","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pmb.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/13361","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pmb.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pmb.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pmb.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pmb.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/comments?post=13361"}],"version-history":[{"count":4,"href":"https:\/\/pmb.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/13361\/revisions"}],"predecessor-version":[{"id":13365,"href":"https:\/\/pmb.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/13361\/revisions\/13365"}],"wp:attachment":[{"href":"https:\/\/pmb.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/media?parent=13361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}