{"id":824,"date":"2026-07-30T06:01:48","date_gmt":"2026-07-30T06:01:48","guid":{"rendered":"https:\/\/teknik.uin-malang.ac.id\/?page_id=824"},"modified":"2026-08-03T13:53:45","modified_gmt":"2026-08-03T13:53:45","slug":"kemahasiswaan","status":"publish","type":"page","link":"https:\/\/teknik.uin-malang.ac.id\/ar\/kemahasiswaan\/","title":{"rendered":"Kemahasiswaan"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"824\" class=\"elementor elementor-824\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef04dff e-flex e-con-boxed e-con e-parent\" data-id=\"ef04dff\" 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-0c04a41 elementor-widget elementor-widget-text-editor\" data-id=\"0c04a41\" 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.nav-academic-section {\n    width: 100%;\n    padding: 30px 20px;\n    background: transparent;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n\/* CONTAINER MENU UTAMA *\/\n.nav-academic-container {\n    display: flex;\n    gap: 20px;\n    width: 100%;\n    max-width: 950px;\n    justify-content: center;\n}\n\n\/* ITEM MENU UTAMA (CARD) *\/\n.nav-main-item {\n    flex: 1;\n    position: relative;\n    background: linear-gradient(135deg, rgba(15, 23, 42, 0.92) 0%, rgba(30, 58, 138, 0.88) 100%);\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n    border: 1.5px solid rgba(212, 175, 55, 0.4); \/* Border Emas *\/\n    border-radius: 18px;\n    padding: 22px 25px;\n    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);\n    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n}\n\n\/* HOVER MENU UTAMA *\/\n.nav-main-item:hover {\n    background: linear-gradient(135deg, rgba(30, 58, 138, 0.95) 0%, rgba(15, 23, 42, 0.95) 100%);\n    border-color: #d4af37;\n    box-shadow: 0 15px 35px rgba(212, 175, 55, 0.3);\n}\n\n\/* ANIMASI ZOOM-IN SAAT DIKLIK (:active) *\/\n.nav-main-header:active, .submenu-link: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.93);\n    }\n    50% {\n        transform: scale(1.08);\n        box-shadow: 0 0 30px rgba(212, 175, 55, 0.7);\n    }\n    100% {\n        transform: scale(1.02);\n    }\n}\n\n\/* LINK HEADER MENU UTAMA *\/\n.nav-main-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    text-decoration: none;\n    cursor: pointer;\n}\n\n.nav-main-title-group {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n}\n\n\/* CINCIN IKON ELEGAN RELEVAN *\/\n.nav-main-icon {\n    width: 44px;\n    height: 44px;\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.nav-main-header:hover .nav-main-icon {\n    background: #d4af37;\n    border-color: #ffffff;\n    transform: scale(1.08) rotate(5deg);\n}\n\n.nav-main-icon i {\n    font-size: 18px;\n    color: #f3e0aa;\n    transition: color 0.3s ease;\n}\n\n.nav-main-header:hover .nav-main-icon i {\n    color: #0b132b;\n}\n\n.nav-main-title {\n    font-size: 19px;\n    font-weight: 700;\n    color: #ffffff;\n    letter-spacing: 0.5px;\n    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);\n}\n\n.nav-main-header:hover .nav-main-title {\n    color: #f3e0aa;\n}\n\n.nav-arrow {\n    font-size: 12px;\n    color: #d4af37;\n    transition: transform 0.3s ease;\n}\n\n.nav-main-header:hover .nav-arrow {\n    transform: translateX(4px);\n    color: #ffffff;\n}\n\n\/* SUB MENU (DROPDOWN LIST) *\/\n.submenu-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    margin-top: 18px;\n    padding-top: 15px;\n    border-top: 1px solid rgba(212, 175, 55, 0.25);\n}\n\n\/* SUB MENU LINK (WARNA TEKS PUTIH MENYALA \/ BRIGHT WHITE GLOW) *\/\n.submenu-link {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 14px;\n    background: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(212, 175, 55, 0.2);\n    border-radius: 10px;\n    text-decoration: none;\n    \n    \/* Warna Teks Putih Menyala dengan Text-Shadow *\/\n    color: #FFFFFF !important;\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 0.3px;\n    text-shadow: 0 0 8px rgba(255, 255, 255, 0.6), 0 1px 3px rgba(0, 0, 0, 0.8);\n    \n    transition: all 0.3s ease;\n}\n\n.submenu-link:hover {\n    background: rgba(212, 175, 55, 0.25);\n    border-color: #d4af37;\n    color: #F3E0AA !important; \/* Berubah ke emas terang saat hover *\/\n    padding-left: 18px;\n    box-shadow: 0 0 15px rgba(255, 255, 255, 0.2);\n}\n\n.submenu-icon {\n    font-size: 14px;\n    color: #f3e0aa;\n    width: 20px;\n    text-align: center;\n    filter: drop-shadow(0 0 4px rgba(243, 224, 170, 0.5));\n}\n\n.submenu-link:hover .submenu-icon {\n    color: #ffffff;\n}\n\n\/* RESPONSIVE DESIGN UNTUK MOBILE *\/\n@media (max-width: 768px) {\n    .nav-academic-container {\n        flex-direction: column;\n    }\n}\n<\/style>\n\n<section class=\"nav-academic-section\">\n    <div class=\"nav-academic-container\">\n        \n        <!-- 1. MENU UTAMA: ALUMNI -->\n        <div class=\"nav-main-item\">\n            <a href=\"https:\/\/teknik.uin-malang.ac.id\/ar\/alumni\/\" target=\"_blank\" class=\"nav-main-header\">\n                <div class=\"nav-main-title-group\">\n                    <div class=\"nav-main-icon\">\n                        <i class=\"fa-solid fa-user-graduate\"><\/i>\n                    <\/div>\n                    <span class=\"nav-main-title\">Alumni<\/span>\n                <\/div>\n                <i class=\"fa-solid fa-arrow-right nav-arrow\"><\/i>\n            <\/a>\n            \n            <!-- SUB MENU ALUMNI (TEKS PUTIH MENYALA) -->\n            <div class=\"submenu-list\">\n                <!-- 1a. Teknik Elektro -->\n                <a href=\"https:\/\/teknikelektro.uin-malang.ac.id\/\" target=\"_blank\" class=\"submenu-link\">\n                    <i class=\"fa-solid fa-bolt submenu-icon\"><\/i>\n                    <span>Teknik Elektro<\/span>\n                <\/a>\n                <!-- 1b. Teknik Sipil -->\n                <a href=\"https:\/\/tekniksipil.uin-malang.ac.id\/id\/\" target=\"_blank\" class=\"submenu-link\">\n                    <i class=\"fa-solid fa-road submenu-icon\"><\/i>\n                    <span>Teknik Sipil<\/span>\n                <\/a>\n                <!-- 1c. Teknik Lingkungan -->\n                <a href=\"https:\/\/tekniklingkungan.uin-malang.ac.id\/\" target=\"_blank\" class=\"submenu-link\">\n                    <i class=\"fa-solid fa-leaf submenu-icon\"><\/i>\n                    <span>Teknik Lingkungan<\/span>\n                <\/a>\n                <!-- 1d. Teknik Mesin -->\n                <a href=\"https:\/\/teknikmesin.uin-malang.ac.id\/\" target=\"_blank\" class=\"submenu-link\">\n                    <i class=\"fa-solid fa-gears submenu-icon\"><\/i>\n                    <span>Teknik Mesin<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <!-- 2. MENU UTAMA: OMIK -->\n        <div class=\"nav-main-item\">\n            <a href=\"https:\/\/teknik.uin-malang.ac.id\/ar\/organisasi-mahasiswa-intra-kampus-omik\/\" target=\"_blank\" class=\"nav-main-header\">\n                <div class=\"nav-main-title-group\">\n                    <div class=\"nav-main-icon\">\n                        <i class=\"fa-solid fa-sitemap\"><\/i>\n                    <\/div>\n                    <span class=\"nav-main-title\">OMIK<\/span>\n                <\/div>\n                <i class=\"fa-solid fa-arrow-right nav-arrow\"><\/i>\n            <\/a>\n            \n            <!-- SUB MENU OMIK (TEKS PUTIH MENYALA) -->\n            <div class=\"submenu-list\">\n                <!-- 2a. DEMA FT -->\n                <a href=\"https:\/\/teknik.uin-malang.ac.id\/ar\/dema-fakultas\/\" target=\"_blank\" class=\"submenu-link\">\n                    <i class=\"fa-solid fa-crown submenu-icon\"><\/i>\n                    <span>DEMA FT<\/span>\n                <\/a>\n                <!-- 2b. HMPSTE -->\n                <a href=\"https:\/\/teknik.uin-malang.ac.id\/ar\/hmps-teknik-elektro\/\" target=\"_blank\" class=\"submenu-link\">\n                    <i class=\"fa-solid fa-bolt submenu-icon\"><\/i>\n                    <span>HMPSTE<\/span>\n                <\/a>\n                <!-- 2c. HMPSTS -->\n                <a href=\"https:\/\/teknik.uin-malang.ac.id\/ar\/hmps-teknik-sipil\/\" target=\"_blank\" class=\"submenu-link\">\n                    <i class=\"fa-solid fa-road submenu-icon\"><\/i>\n                    <span>HMPSTS<\/span>\n                <\/a>\n                <!-- 2d. HMPSTL -->\n                <a href=\"https:\/\/teknik.uin-malang.ac.id\/ar\/hmps-teknik-lingkungan\/\" target=\"_blank\" class=\"submenu-link\">\n                    <i class=\"fa-solid fa-leaf submenu-icon\"><\/i>\n                    <span>HMPSTL<\/span>\n                <\/a>\n                <!-- 2e. HMPSTM -->\n                <a href=\"https:\/\/teknik.uin-malang.ac.id\/ar\/hmps-teknik-mesin\/\" target=\"_blank\" class=\"submenu-link\">\n                    <i class=\"fa-solid fa-gears submenu-icon\"><\/i>\n                    <span>HMPSTM<\/span>\n                <\/a>\n            <\/div>\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>Alumni Teknik Elektro Teknik Sipil Teknik Lingkungan Teknik Mesin OMIK DEMA FT HMPSTE HMPSTS HMPSTL HMPSTM<\/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-824","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/824","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=824"}],"version-history":[{"count":4,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/824\/revisions"}],"predecessor-version":[{"id":1268,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/824\/revisions\/1268"}],"wp:attachment":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/media?parent=824"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}