{"id":719,"date":"2026-07-30T04:28:58","date_gmt":"2026-07-30T04:28:58","guid":{"rendered":"https:\/\/teknik.uin-malang.ac.id\/?page_id=719"},"modified":"2026-08-03T13:31:19","modified_gmt":"2026-08-03T13:31:19","slug":"achievement-center","status":"publish","type":"page","link":"https:\/\/teknik.uin-malang.ac.id\/en\/achievement-center\/","title":{"rendered":"Achievement Center"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"719\" class=\"elementor elementor-719\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-259c122 e-flex e-con-boxed e-con e-parent\" data-id=\"259c122\" 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-2e12aba elementor-widget elementor-widget-text-editor\" data-id=\"2e12aba\" 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 UTAMA (BACKGROUND TRANSPARAN) *\/\n.sdm-unified-section {\n    width: 100%;\n    padding: 30px 15px;\n    background: transparent;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n\/* CONTAINER MENU SATU KESATUAN (UNIFIED BAR) *\/\n.sdm-unified-bar {\n    display: flex;\n    width: 100%;\n    max-width: 900px;\n    background: linear-gradient(135deg, rgba(15, 23, 42, 0.9) 0%, rgba(30, 58, 138, 0.85) 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    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35),\n                inset 0 1px 0 rgba(255, 255, 255, 0.15);\n    overflow: hidden;\n    position: relative;\n}\n\n\/* ITEM MENU DALAM PANEL UTUH *\/\n.sdm-unified-item {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 22px 25px;\n    text-decoration: none;\n    color: #ffffff;\n    position: relative;\n    cursor: pointer;\n    transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\n    border-right: 1px solid rgba(212, 175, 55, 0.2);\n}\n\n\/* Menghapus garis pembatas di menu paling kanan *\/\n.sdm-unified-item:last-child {\n    border-right: none;\n}\n\n\/* HOVER EFFECT INTERAKTIF *\/\n.sdm-unified-item:hover {\n    background: linear-gradient(135deg, rgba(30, 58, 138, 0.95) 0%, rgba(212, 175, 55, 0.2) 100%);\n    z-index: 2;\n}\n\n\/* ANIMASI ZOOM-IN DARI KECIL KE BESAR SAAT DIKLIK (:active) *\/\n.sdm-unified-item:active {\n    animation: zoomInClick 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\n}\n\n@keyframes zoomInClick {\n    0% {\n        transform: scale(0.92);\n    }\n    50% {\n        transform: scale(1.08);\n        box-shadow: 0 0 25px rgba(212, 175, 55, 0.7);\n        border-radius: 12px;\n    }\n    100% {\n        transform: scale(1.02);\n    }\n}\n\n\/* KONTEN KIRI: IKON + TEKS *\/\n.item-left-content {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n}\n\n\/* CINCIN IKON ELEGAN RELEVAN *\/\n.item-icon-box {\n    width: 42px;\n    height: 42px;\n    background: rgba(212, 175, 55, 0.15);\n    border: 1px solid rgba(212, 175, 55, 0.5);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    transition: all 0.3s ease;\n}\n\n.sdm-unified-item:hover .item-icon-box {\n    background: #d4af37;\n    border-color: #ffffff;\n    transform: scale(1.1) rotate(5deg);\n}\n\n.item-icon-box i {\n    font-size: 18px;\n    color: #f3e0aa;\n    transition: color 0.3s ease;\n}\n\n.sdm-unified-item:hover .item-icon-box i {\n    color: #0b132b;\n}\n\n\/* TEKS LABELS *\/\n.item-title {\n    font-size: 15px;\n    font-weight: 700;\n    color: #ffffff;\n    letter-spacing: 0.3px;\n    transition: color 0.3s ease;\n    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);\n}\n\n.sdm-unified-item:hover .item-title {\n    color: #f3e0aa;\n}\n\n\/* PANAH KANAN \/ INDICATOR *\/\n.item-arrow {\n    font-size: 11px;\n    color: #d4af37;\n    transition: transform 0.3s ease, color 0.3s ease;\n    opacity: 0.7;\n}\n\n.sdm-unified-item:hover .item-arrow {\n    opacity: 1;\n    transform: translateX(4px);\n    color: #ffffff;\n}\n\n\/* RESPONSIVE DESIGN UNTUK TABLET & HP *\/\n@media (max-width: 820px) {\n    .sdm-unified-bar {\n        flex-direction: column;\n    }\n    \n    .sdm-unified-item {\n        border-right: none;\n        border-bottom: 1px solid rgba(212, 175, 55, 0.2);\n    }\n    \n    .sdm-unified-item:last-child {\n        border-bottom: none;\n    }\n}\n<\/style>\n\n<section class=\"sdm-unified-section\">\n    <!-- PANEL SATU KESATUAN MENU -->\n    <div class=\"sdm-unified-bar\">\n        \n        <!-- 1. Dosen -->\n        <a href=\"https:\/\/teknik.uin-malang.ac.id\/en\/dosen\/\" target=\"_blank\" class=\"sdm-unified-item\">\n            <div class=\"item-left-content\">\n                <div class=\"item-icon-box\">\n                    <i class=\"fa-solid fa-chalkboard-user\"><\/i>\n                <\/div>\n                <span class=\"item-title\">Dosen<\/span>\n            <\/div>\n            <i class=\"fa-solid fa-play item-arrow\"><\/i>\n        <\/a>\n\n        <!-- 2. Tenaga Kependidikan -->\n        <a href=\"https:\/\/teknik.uin-malang.ac.id\/en\/tenaga-kependidikan-2\/\" target=\"_blank\" class=\"sdm-unified-item\">\n            <div class=\"item-left-content\">\n                <div class=\"item-icon-box\">\n                    <i class=\"fa-solid fa-user-gear\"><\/i>\n                <\/div>\n                <span class=\"item-title\">Tenaga Kependidikan<\/span>\n            <\/div>\n            <i class=\"fa-solid fa-play item-arrow\"><\/i>\n        <\/a>\n\n        <!-- 3. Mahasiswa -->\n        <a href=\"https:\/\/teknik.uin-malang.ac.id\/en\/mahasiswa\/\" target=\"_blank\" class=\"sdm-unified-item\">\n            <div class=\"item-left-content\">\n                <div class=\"item-icon-box\">\n                    <i class=\"fa-solid fa-user-graduate\"><\/i>\n                <\/div>\n                <span class=\"item-title\">Mahasiswa<\/span>\n            <\/div>\n            <i class=\"fa-solid fa-play item-arrow\"><\/i>\n        <\/a>\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>Dosen Tenaga Kependidikan Mahasiswa<\/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-719","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/pages\/719","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/comments?post=719"}],"version-history":[{"count":7,"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/pages\/719\/revisions"}],"predecessor-version":[{"id":1262,"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/pages\/719\/revisions\/1262"}],"wp:attachment":[{"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/media?parent=719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}