{"id":1129,"date":"2026-08-03T07:00:50","date_gmt":"2026-08-03T07:00:50","guid":{"rendered":"https:\/\/teknik.uin-malang.ac.id\/?page_id=1129"},"modified":"2026-08-04T00:11:13","modified_gmt":"2026-08-04T00:11:13","slug":"template-surat-surat-ft","status":"publish","type":"page","link":"https:\/\/teknik.uin-malang.ac.id\/ar\/template-surat-surat-ft\/","title":{"rendered":"Template Surat-Surat FT"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1129\" class=\"elementor elementor-1129\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e1c60a e-flex e-con-boxed e-con e-parent\" data-id=\"2e1c60a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf1c1f2 elementor-widget elementor-widget-text-editor\" data-id=\"bf1c1f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- Load Font Awesome 6 untuk Ikon -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n}\n\n\/* SECTION CONTAINER TRANSPARAN *\/\n.letters-section {\n    width: 100%;\n    padding: 50px 15px;\n    background: transparent;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n\/* CONTAINER UTAMA *\/\n.letters-container {\n    width: 100%;\n    max-width: 1100px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 25px;\n}\n\n\/* TULISAN PERNYATAAN VISUALISASI BAHASA INGGRIS AKADEMIK (DI BAGIAN ATAS) *\/\n.disclaimer-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 22px;\n    background: rgba(10, 25, 47, 0.85);\n    backdrop-filter: blur(12px);\n    border: 1.5px solid rgba(212, 175, 55, 0.5);\n    border-radius: 30px;\n    color: #f3e0aa;\n    font-size: 13.5px;\n    font-weight: 600;\n    letter-spacing: 0.4px;\n    box-shadow: 0 0 20px rgba(212, 175, 55, 0.2),\n                0 8px 20px rgba(0, 0, 0, 0.4);\n}\n\n.disclaimer-badge i {\n    color: #10b981; \/* Aksens Hijau Surga *\/\n    font-size: 15px;\n}\n\n\/* BARIS GRID 2 KOLOM 1 BARIS UNTUK SURAT *\/\n.letters-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr); \/* 2 Kolom 1 Baris *\/\n    gap: 25px;\n    width: 100%;\n}\n\n\/* KARTU SURAT GLASSMORPHISM CELESTIAL *\/\n.letter-card {\n    background: linear-gradient(135deg, rgba(10, 25, 47, 0.94) 0%, rgba(16, 55, 42, 0.92) 50%, rgba(15, 23, 42, 0.94) 100%);\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n    border: 1.5px solid rgba(212, 175, 55, 0.4);\n    border-radius: 20px;\n    padding: 30px 28px;\n    position: relative;\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5),\n                0 0 20px rgba(16, 185, 129, 0.15),\n                inset 0 1px 1px rgba(255, 255, 255, 0.3);\n    overflow: hidden;\n    transition: border-color 0.3s ease, box-shadow 0.3s ease;\n}\n\n.letter-card:hover {\n    border-color: #d4af37;\n    box-shadow: 0 20px 40px rgba(16, 185, 129, 0.3),\n                0 0 25px rgba(212, 175, 55, 0.3);\n}\n\n\/* KOP SURAT VISUAL *\/\n.letter-header {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding-bottom: 16px;\n    border-bottom: 2px solid rgba(212, 175, 55, 0.3);\n    margin-bottom: 20px;\n}\n\n.letter-logo-box {\n    width: 44px;\n    height: 44px;\n    background: radial-gradient(circle, rgba(16, 185, 129, 0.3) 0%, rgba(10, 25, 47, 0.8) 100%);\n    border: 1.2px solid rgba(212, 175, 55, 0.6);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.letter-logo-box i {\n    font-size: 20px;\n    color: #f3e0aa;\n}\n\n.kop-text h4 {\n    font-size: 15px;\n    font-weight: 700;\n    color: #ffffff;\n    letter-spacing: 0.3px;\n}\n\n.kop-text p {\n    font-size: 11px;\n    color: #f3e0aa;\n}\n\n\/* BADAN SURAT & ANIMASI MENGETIK PER BARIS *\/\n.letter-body {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    font-size: 13px;\n    color: #e2e8f0;\n    line-height: 1.6;\n    min-height: 220px;\n}\n\n\/* Teks Diketik Otomatis *\/\n.type-line {\n    display: inline-block;\n    white-space: nowrap;\n    overflow: hidden;\n    border-right: 2px solid #d4af37;\n    width: 0;\n    animation: typeWord 3.5s steps(40, end) infinite, blinkCursor 0.75s step-end infinite;\n}\n\n\/* Delay Animasi Tiap Baris *\/\n.line-1 { animation-delay: 0s; }\n.line-2 { animation-delay: 0.6s; }\n.line-3 { animation-delay: 1.2s; }\n.line-4 { animation-delay: 1.8s; }\n\n@keyframes typeWord {\n    0% { width: 0; }\n    50%, 85% { width: 100%; }\n    100% { width: 0; }\n}\n\n@keyframes blinkCursor {\n    from, to { border-color: transparent; }\n    50% { border-color: #d4af37; }\n}\n\n\/* STEMPEL STIKER LEMBAGA DI FOOTER SURAT *\/\n.letter-footer {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    margin-top: 20px;\n    padding-top: 15px;\n    border-top: 1px dashed rgba(212, 175, 55, 0.25);\n}\n\n.seal-stamp {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(16, 185, 129, 0.15);\n    border: 1px solid rgba(16, 185, 129, 0.4);\n    padding: 6px 12px;\n    border-radius: 8px;\n    color: #10b981;\n    font-size: 11px;\n    font-weight: 600;\n}\n\n.sign-box {\n    text-align: right;\n    font-size: 11px;\n    color: #f3e0aa;\n}\n\n\/* RESPONSIVE DESIGN UNTUK HP *\/\n@media (max-width: 768px) {\n    .letters-grid {\n        grid-template-columns: 1fr; \/* Jadi 1 Kolom di Layar Kecil *\/\n    }\n    .disclaimer-badge {\n        font-size: 11.5px;\n        text-align: center;\n    }\n}\n<\/style>\n\n<section class=\"letters-section\">\n    <div class=\"letters-container\">\n        \n        <!-- TULISAN PERNYATAAN VISUALISASI DI BAGIAN ATAS -->\n        <div class=\"disclaimer-badge\">\n            <i class=\"fa-solid fa-circle-info\"><\/i>\n            <span>This visualization is an example of official correspondence only.<\/span>\n        <\/div>\n\n        <!-- BARIS 2 KOLOM 1 BARIS -->\n        <div class=\"letters-grid\">\n            \n            <!-- SURAT 1: Surat Keterangan Aktif Kuliah -->\n            <div class=\"letter-card\">\n                <div class=\"letter-header\">\n                    <div class=\"letter-logo-box\">\n                        <i class=\"fa-solid fa-file-contract\"><\/i>\n                    <\/div>\n                    <div class=\"kop-text\">\n                        <h4>Surat Keterangan Aktif Kuliah<\/h4>\n                        <p>No: B-042\/FT.UIN\/AK.01\/2026<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"letter-body\">\n                    <div><span class=\"type-line line-1\">Dekan Fakultas Teknik menerangkan bahwa:<\/span><\/div>\n                    <div><span class=\"type-line line-2\">Nama : Ahmad Fauzi \/ NIM : 240605110012<\/span><\/div>\n                    <div><span class=\"type-line line-3\">Prodi : Teknik Elektro UIN Maliki Malang<\/span><\/div>\n                    <div><span class=\"type-line line-4\">Terdaftar aktif pada Semester Genap 2025\/2026.<\/span><\/div>\n                <\/div>\n\n                <div class=\"letter-footer\">\n                    <div class=\"seal-stamp\">\n                        <i class=\"fa-solid fa-certificate\"><\/i>\n                        <span>VERIFIED OFFICIAL<\/span>\n                    <\/div>\n                    <div class=\"sign-box\">\n                        <p>An. Dekan FT<\/p>\n                        <strong>Wakil Dekan Akademik<\/strong>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- SURAT 2: Surat Izin Penelitian \/ Tugas Akhir -->\n            <div class=\"letter-card\">\n                <div class=\"letter-header\">\n                    <div class=\"letter-logo-box\">\n                        <i class=\"fa-solid fa-file-signature\"><\/i>\n                    <\/div>\n                    <div class=\"kop-text\">\n                        <h4>Surat Permohonan Izin Penelitian<\/h4>\n                        <p>No: B-088\/FT.UIN\/TL.02\/2026<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"letter-body\">\n                    <div><span class=\"type-line line-1\">Permohonan Izin Riset &#038; Pengambilan Data:<\/span><\/div>\n                    <div><span class=\"type-line line-2\">Kepada Yth. Pimpinan Instansi Mitra<\/span><\/div>\n                    <div><span class=\"type-line line-3\">Perihal : Penelitian Tugas Akhir Mahasiswa<\/span><\/div>\n                    <div><span class=\"type-line line-4\">Mohon diberikan akses fasilitas riset lapangan.<\/span><\/div>\n                <\/div>\n\n                <div class=\"letter-footer\">\n                    <div class=\"seal-stamp\">\n                        <i class=\"fa-solid fa-stamp\"><\/i>\n                        <span>VALIDATED DOC<\/span>\n                    <\/div>\n                    <div class=\"sign-box\">\n                        <p>An. Dekan FT<\/p>\n                        <strong>Kabag Tata Usaha<\/strong>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\t\t\t\t\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>This visualization is an example of official correspondence only. Surat Keterangan Aktif Kuliah No: B-042\/FT.UIN\/AK.01\/2026 Dekan Fakultas Teknik menerangkan bahwa: Nama : Ahmad Fauzi \/ NIM : 240605110012 Prodi : Teknik Elektro UIN Maliki Malang Terdaftar aktif pada Semester Genap 2025\/2026. VERIFIED OFFICIAL An. Dekan FT Wakil Dekan Akademik Surat Permohonan Izin Penelitian No: B-088\/FT.UIN\/TL.02\/2026 [&hellip;]<\/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-1129","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/1129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/comments?post=1129"}],"version-history":[{"count":4,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/1129\/revisions"}],"predecessor-version":[{"id":1298,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/1129\/revisions\/1298"}],"wp:attachment":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/media?parent=1129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}