{"id":841,"date":"2026-07-30T06:10:18","date_gmt":"2026-07-30T06:10:18","guid":{"rendered":"https:\/\/teknik.uin-malang.ac.id\/?page_id=841"},"modified":"2026-08-03T12:46:04","modified_gmt":"2026-08-03T12:46:04","slug":"organisasi-mahasiswa-intra-kampus-omik","status":"publish","type":"page","link":"https:\/\/teknik.uin-malang.ac.id\/zh\/organisasi-mahasiswa-intra-kampus-omik\/","title":{"rendered":"Organisasi Mahasiswa Intra Kampus (OMIK)"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"841\" class=\"elementor elementor-841\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8b3804 e-flex e-con-boxed e-con e-parent\" data-id=\"a8b3804\" 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-47e6f5e elementor-widget elementor-widget-text-editor\" data-id=\"47e6f5e\" 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', Tahoma, Geneva, Verdana, sans-serif;\n}\n\n\/* SECTION UTAMA: BACKGROUND BIRU TUA KEEMASAN *\/\n.win-menu-section {\n    width: 100%;\n    padding: 60px 20px;\n    background: radial-gradient(circle at 50% 50%, #1c2541 0%, #0b132b 60%, #050814 100%);\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n\/* Aksen Cahaya Emas di Background *\/\n.win-menu-section::before {\n    content: \"\";\n    position: absolute;\n    width: 500px;\n    height: 500px;\n    background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, rgba(212, 175, 55, 0) 70%);\n    top: -150px;\n    left: -100px;\n    pointer-events: none;\n}\n\n.win-menu-section::after {\n    content: \"\";\n    position: absolute;\n    width: 500px;\n    height: 500px;\n    background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, rgba(212, 175, 55, 0) 70%);\n    bottom: -150px;\n    right: -100px;\n    pointer-events: none;\n}\n\n\/* WRAPPER KOMPOSISI Tiga Baris (Top - Center - Bottom) *\/\n.win-layout-wrapper {\n    position: relative;\n    width: 100%;\n    max-width: 850px;\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n    z-index: 2;\n}\n\n.win-row {\n    display: flex;\n    gap: 18px;\n    width: 100%;\n}\n\n\/* BASE KARTU HMP *\/\n.win-tile {\n    flex: 1;\n    text-decoration: none;\n    border-radius: 18px;\n    padding: 30px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    color: #ffffff;\n    position: relative;\n    overflow: hidden;\n    min-height: 220px;\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    transition: all 0.3s ease;\n    cursor: pointer;\n}\n\n\/* WARNA GRADIENT DAN Kemiringan Tipis *\/\n.tile-top-left {\n    background: linear-gradient(135deg, #3a7bd5 0%, #3a6073 100%);\n    align-items: flex-start;\n}\n\n.tile-top-right {\n    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);\n    align-items: flex-end;\n    text-align: right;\n}\n\n.tile-bottom-left {\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n    align-items: flex-start;\n}\n\n.tile-bottom-right {\n    background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);\n    align-items: flex-end;\n    text-align: right;\n}\n\n\/* IKON DI DALAM PANEL *\/\n.tile-icon {\n    font-size: 36px;\n    margin-bottom: 10px;\n    color: rgba(255, 255, 255, 0.9);\n}\n\n.win-tile-title {\n    font-size: 30px;\n    font-weight: 800;\n    line-height: 1;\n}\n\n.win-tile-sub {\n    font-size: 15px;\n    font-weight: 600;\n    opacity: 0.9;\n    margin-top: 5px;\n}\n\n\/* EFEK HOVER & ANIMASI ZOOM PADA KARTU HMP *\/\n.win-tile:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 18px 35px rgba(212, 175, 55, 0.3);\n    border-color: #d4af37;\n}\n\n.win-tile:active {\n    animation: zoomClick 0.3s ease forwards;\n}\n\n\/* BARIS TENGAH DEMA FT *\/\n.center-row-container {\n    position: relative;\n    height: 0; \/* Menjaga overlapping pas di tengah tanpa menggeser layout *\/\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 10;\n}\n\n\/* TOMBOL PUSH BUTTON DEMA FT *\/\n.center-push-button {\n    width: 190px;\n    height: 190px;\n    border-radius: 50%;\n    text-decoration: none;\n    background: linear-gradient(145deg, #d4af37, #8a7322, #f3e0aa, #594911);\n    padding: 10px;\n    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6), 0 0 20px rgba(212, 175, 55, 0.4);\n    cursor: pointer;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n\/* Bagian Dalam Tombol *\/\n.button-inner {\n    width: 100%;\n    height: 100%;\n    background: radial-gradient(circle at 30% 30%, #2a385b 0%, #0e172a 100%);\n    border-radius: 50%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    color: #ffffff;\n    border: 2px solid rgba(212, 175, 55, 0.5);\n    box-shadow: inset 0 4px 10px rgba(255,255,255,0.2), inset 0 -4px 10px rgba(0,0,0,0.8);\n}\n\n.button-icon {\n    font-size: 22px;\n    color: #d4af37;\n    margin-bottom: 2px;\n}\n\n.button-title {\n    font-size: 24px;\n    font-weight: 900;\n    line-height: 1.1;\n    text-align: center;\n    background: linear-gradient(180deg, #FFFFFF 30%, #F3E0AA 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n}\n\n\/* HOVER & ANIMASI KLIK UNTUK DEMA FT (DIJAMIN POSISI TIDAK AKAN GESER\/LEMPAR) *\/\n.center-push-button:hover {\n    transform: scale(1.08);\n    box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6);\n}\n\n.center-push-button:active {\n    animation: zoomClickCenter 0.3s ease forwards;\n}\n\n\/* KEYFRAMES ANIMASI ZOOM DARI KECIL KE BESAR *\/\n@keyframes zoomClick {\n    0% { transform: scale(0.95); }\n    50% { transform: scale(1.08); }\n    100% { transform: scale(1.03); }\n}\n\n@keyframes zoomClickCenter {\n    0% { transform: scale(0.95); }\n    50% { transform: scale(1.15); }\n    100% { transform: scale(1.08); }\n}\n\n\/* RESPONSIVE DESIGN (HP & TABLET) *\/\n@media (max-width: 768px) {\n    .win-row {\n        flex-direction: column;\n    }\n\n    .center-row-container {\n        height: auto;\n        margin: 15px 0;\n    }\n\n    .win-tile {\n        min-height: 150px;\n        align-items: center !important;\n        text-align: center !important;\n    }\n\n    .center-push-button {\n        width: 160px;\n        height: 160px;\n    }\n}\n<\/style>\n\n<section class=\"win-menu-section\">\n    <div class=\"win-layout-wrapper\">\n        \n        <!-- BARIS ATAS: HMPSTE & HMPSTS -->\n        <div class=\"win-row\">\n            <a href=\"https:\/\/teknik.uin-malang.ac.id\/zh\/hmps-teknik-elektro\/\" target=\"_blank\" class=\"win-tile tile-top-left\">\n                <i class=\"fa-solid fa-bolt tile-icon\"><\/i>\n                <div class=\"win-tile-title\">HMPSTE<\/div>\n                <div class=\"win-tile-sub\">Teknik Elektro<\/div>\n            <\/a>\n\n            <a href=\"https:\/\/teknik.uin-malang.ac.id\/zh\/hmps-teknik-sipil\/\" target=\"_blank\" class=\"win-tile tile-top-right\">\n                <i class=\"fa-solid fa-road tile-icon\"><\/i>\n                <div class=\"win-tile-title\">HMPSTS<\/div>\n                <div class=\"win-tile-sub\">Teknik Sipil<\/div>\n            <\/a>\n        <\/div>\n\n        <!-- BARIS TENGAH: DEMA FT (DIKUNCI PAS DI CENTER TANPA RISIKO TERLEMPAR) -->\n        <div class=\"center-row-container\">\n            <a href=\"https:\/\/teknik.uin-malang.ac.id\/zh\/dema-fakultas\/\" target=\"_blank\" class=\"center-push-button\">\n                <div class=\"button-inner\">\n                    <i class=\"fa-solid fa-crown button-icon\"><\/i>\n                    <div class=\"button-title\">DEMA<br>FT<\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n\n        <!-- BARIS BAWAH: HMPSTL & HMPSTM -->\n        <div class=\"win-row\">\n            <a href=\"https:\/\/teknik.uin-malang.ac.id\/zh\/hmps-teknik-lingkungan\/\" target=\"_blank\" class=\"win-tile tile-bottom-left\">\n                <i class=\"fa-solid fa-leaf tile-icon\"><\/i>\n                <div class=\"win-tile-title\">HMPSTL<\/div>\n                <div class=\"win-tile-sub\">Teknik Lingkungan<\/div>\n            <\/a>\n\n            <a href=\"https:\/\/teknik.uin-malang.ac.id\/zh\/hmps-teknik-mesin\/\" target=\"_blank\" class=\"win-tile tile-bottom-right\">\n                <i class=\"fa-solid fa-gears tile-icon\"><\/i>\n                <div class=\"win-tile-title\">HMPSTM<\/div>\n                <div class=\"win-tile-sub\">Teknik Mesin<\/div>\n            <\/a>\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>HMPSTE Teknik Elektro HMPSTS Teknik Sipil DEMAFT HMPSTL Teknik Lingkungan HMPSTM Teknik Mesin<\/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-841","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknik.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknik.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknik.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknik.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknik.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/comments?post=841"}],"version-history":[{"count":13,"href":"https:\/\/teknik.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/841\/revisions"}],"predecessor-version":[{"id":1212,"href":"https:\/\/teknik.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/841\/revisions\/1212"}],"wp:attachment":[{"href":"https:\/\/teknik.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/media?parent=841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}