{"id":1098,"date":"2026-08-03T02:47:21","date_gmt":"2026-08-03T02:47:21","guid":{"rendered":"https:\/\/teknik.uin-malang.ac.id\/?page_id=1098"},"modified":"2026-08-03T12:27:15","modified_gmt":"2026-08-03T12:27:15","slug":"unit-2","status":"publish","type":"page","link":"https:\/\/teknik.uin-malang.ac.id\/ar\/unit-2\/","title":{"rendered":"Unit Fakultas Teknik"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1098\" class=\"elementor elementor-1098\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-016ab09 e-flex e-con-boxed e-con e-parent\" data-id=\"016ab09\" 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-18f3574 elementor-widget elementor-widget-text-editor\" data-id=\"18f3574\" 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 Unik & Relevan -->\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', Tahoma, Geneva, Verdana, sans-serif;\n}\n\n\/* SECTION UTAMA: BACKGROUND BIRU TUA ELEGAN KEEMASAN *\/\n.unit-section {\n    width: 100%;\n    padding: 60px 20px;\n    background: radial-gradient(circle at 50% 30%, #1e293b 0%, #0f172a 60%, #080d1a 100%);\n    position: relative;\n    overflow: hidden;\n}\n\n\/* Dekorasi Aksen Keemasan di Background *\/\n.unit-section::before {\n    content: \"\";\n    position: absolute;\n    width: 600px;\n    height: 600px;\n    background: radial-gradient(circle, rgba(212, 175, 55, 0.12) 0%, rgba(212, 175, 55, 0) 70%);\n    top: -200px;\n    left: -150px;\n    z-index: 1;\n    pointer-events: none;\n}\n\n.unit-section::after {\n    content: \"\";\n    position: absolute;\n    width: 500px;\n    height: 500px;\n    background: radial-gradient(circle, rgba(212, 175, 55, 0.08) 0%, rgba(212, 175, 55, 0) 70%);\n    bottom: -150px;\n    right: -100px;\n    z-index: 1;\n    pointer-events: none;\n}\n\n.unit-container {\n    max-width: 1300px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n}\n\n\/* JUDUL UTAMA *\/\n.unit-header-title {\n    text-align: center;\n    font-size: 32px;\n    font-weight: 700;\n    background: linear-gradient(135deg, #ffffff 40%, #f3e0aa 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 8px;\n}\n\n.unit-header-line {\n    width: 70px;\n    height: 4px;\n    background: linear-gradient(90deg, #d4af37, #f3e0aa);\n    margin: 0 auto 40px;\n    border-radius: 10px;\n}\n\n\/* GRID KARTU (5 KOLOM) *\/\n.unit-grid {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 22px;\n}\n\n\/* KARTU MENU *\/\n.unit-card {\n    background: #ffffff;\n    border-radius: 24px;\n    padding: 0 20px 25px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    text-decoration: none;\n    position: relative;\n    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);\n    border: 1px solid rgba(212, 175, 55, 0.2);\n    overflow: hidden;\n    cursor: pointer;\n    \n    \/* Transisi Hover & Animasi Klik *\/\n    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), \n                box-shadow 0.4s ease, \n                border-color 0.4s ease;\n}\n\n\/* HOVER EFFECT *\/\n.unit-card:hover {\n    transform: translateY(-8px) scale(1.02);\n    box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25);\n    border-color: #d4af37;\n}\n\n\/* EFEK ANIMASI ZOOM DARI KECIL KE BESAR SAAT DIKLIK *\/\n.unit-card:active {\n    animation: zoomClick 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\n}\n\n@keyframes zoomClick {\n    0% {\n        transform: scale(0.9);\n    }\n    50% {\n        transform: scale(1.1);\n        box-shadow: 0 0 35px rgba(212, 175, 55, 0.6);\n    }\n    100% {\n        transform: scale(1.05);\n    }\n}\n\n\/* LENGKUNGAN BAGIAN ATAS UNTUK IKON *\/\n.unit-badge-bg {\n    width: 110px;\n    height: 100px;\n    background: #f1f5f9;\n    border-bottom-left-radius: 60px;\n    border-bottom-right-radius: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 20px;\n    transition: background 0.3s ease;\n}\n\n.unit-card:hover .unit-badge-bg {\n    background: #fef9c3;\n}\n\n\/* IKON *\/\n.unit-icon {\n    font-size: 38px;\n    color: #1e3a8a;\n    transition: color 0.3s ease, transform 0.3s ease;\n}\n\n.unit-card:hover .unit-icon {\n    color: #d4af37;\n    transform: scale(1.1);\n}\n\n\/* TITLE KARTU *\/\n.unit-title {\n    font-size: 18px;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 8px;\n    line-height: 1.3;\n}\n\n\/* SUBTITLE \/ DESKRIPSI SINGKAT *\/\n.unit-desc {\n    font-size: 13px;\n    color: #64748b;\n    line-height: 1.5;\n    margin-bottom: 20px;\n    flex-grow: 1;\n}\n\n\/* TOMBOL FOOTER KARTU *\/\n.unit-action {\n    font-size: 13px;\n    font-weight: 600;\n    color: #1e3a8a;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: color 0.3s ease;\n}\n\n.unit-card:hover .unit-action {\n    color: #b45309;\n}\n\n.unit-action i {\n    font-size: 12px;\n    transition: transform 0.3s ease;\n}\n\n.unit-card:hover .unit-action i {\n    transform: translateX(5px);\n}\n\n\/* RESPONSIVE DESIGN *\/\n@media (max-width: 1200px) {\n    .unit-grid {\n        grid-template-columns: repeat(3, 1fr);\n    }\n}\n\n@media (max-width: 768px) {\n    .unit-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 480px) {\n    .unit-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n\n<section class=\"unit-section\">\n    <div class=\"unit-container\">\n        <h2 class=\"unit-header-title\">Layanan &#038; Unit Fakultas<\/h2>\n        <div class=\"unit-header-line\"><\/div>\n        \n        <div class=\"unit-grid\">\n            \n            <!-- 1. UPM (Unit Penjamin Mutu) -->\n            <a href=\"https:\/\/teknik.uin-malang.ac.id\/ar\/unit-penjamin-mutu-upm\/\" target=\"_blank\" class=\"unit-card\">\n                <div class=\"unit-badge-bg\">\n                    <i class=\"fa-solid fa-file-signature unit-icon\"><\/i>\n                <\/div>\n                <div class=\"unit-title\">UPM<\/div>\n                <div class=\"unit-desc\">Unit Penjaminan Mutu Akademik &#038; Tata Kelola<\/div>\n                <div class=\"unit-action\">Lihat layanan <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n            <!-- 2. Green Campus -->\n            <a href=\"https:\/\/teknik.uin-malang.ac.id\/ar\/green-campus\/\" target=\"_blank\" class=\"unit-card\">\n                <div class=\"unit-badge-bg\">\n                    <i class=\"fa-solid fa-leaf unit-icon\"><\/i>\n                <\/div>\n                <div class=\"unit-title\">Green Campus<\/div>\n                <div class=\"unit-desc\">Pusat Inisiatif Lingkungan &#038; Kampus Hijau<\/div>\n                <div class=\"unit-action\">Lihat layanan <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n            <!-- 3. K3L -->\n            <a href=\"https:\/\/teknik.uin-malang.ac.id\/ar\/kesehatan-keselamatan-kerja-lingkungan-k3l\/\" target=\"_blank\" class=\"unit-card\">\n                <div class=\"unit-badge-bg\">\n                    <i class=\"fa-solid fa-shield-heart unit-icon\"><\/i>\n                <\/div>\n                <div class=\"unit-title\">K3L<\/div>\n                <div class=\"unit-desc\">Kesehatan, Keselamatan Kerja &#038; Lingkungan<\/div>\n                <div class=\"unit-action\">Lihat layanan <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n            <!-- 4. Conference & Capstone -->\n            <a href=\"https:\/\/teknik.uin-malang.ac.id\/ar\/conference-capstone\/\" target=\"_blank\" class=\"unit-card\">\n                <div class=\"unit-badge-bg\">\n                    <i class=\"fa-solid fa-award unit-icon\"><\/i>\n                <\/div>\n                <div class=\"unit-title\">Conference &#038; Capstone<\/div>\n                <div class=\"unit-desc\">Konferensi Ilmiah &#038; Proyek Capstone Mahasiswa<\/div>\n                <div class=\"unit-action\">Lihat layanan <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n            <!-- 5. Pusat Pesantren Technopark -->\n            <a href=\"https:\/\/teknik.uin-malang.ac.id\/ar\/pusat-pesantren-technopark\/\" target=\"_blank\" class=\"unit-card\">\n                <div class=\"unit-badge-bg\">\n                    <i class=\"fa-solid fa-microchip unit-icon\"><\/i>\n                <\/div>\n                <div class=\"unit-title\">Technopark<\/div>\n                <div class=\"unit-desc\">Pusat Pesantren Technopark &#038; Inovasi Teknologi<\/div>\n                <div class=\"unit-action\">Lihat layanan <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n        <\/div>\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>Layanan &#038; Unit Fakultas UPM Unit Penjaminan Mutu Akademik &#038; Tata Kelola Lihat layanan Green Campus Pusat Inisiatif Lingkungan &#038; Kampus Hijau Lihat layanan K3L Kesehatan, Keselamatan Kerja &#038; Lingkungan Lihat layanan Conference &#038; Capstone Konferensi Ilmiah &#038; Proyek Capstone Mahasiswa Lihat layanan Technopark Pusat Pesantren Technopark &#038; Inovasi Teknologi Lihat layanan<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1098","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/1098","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=1098"}],"version-history":[{"count":8,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/1098\/revisions"}],"predecessor-version":[{"id":1199,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/1098\/revisions\/1199"}],"wp:attachment":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/media?parent=1098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}