{"id":768,"date":"2026-07-30T05:38:08","date_gmt":"2026-07-30T05:38:08","guid":{"rendered":"https:\/\/teknik.uin-malang.ac.id\/?page_id=768"},"modified":"2026-08-03T08:00:12","modified_gmt":"2026-08-03T08:00:12","slug":"program-studi","status":"publish","type":"page","link":"https:\/\/teknik.uin-malang.ac.id\/ar\/program-studi\/","title":{"rendered":"Program Studi"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"768\" class=\"elementor elementor-768\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e9318c e-flex e-con-boxed e-con e-parent\" data-id=\"3e9318c\" 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-f282135 elementor-widget elementor-widget-text-editor\" data-id=\"f282135\" 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 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 FULL WIDTH *\/\n.program-section {\n    width: 100%;\n    padding: 50px 20px;\n    background: linear-gradient(135deg, #eafafa 0%, #ffffff 100%);\n    position: relative;\n    overflow: hidden;\n}\n\n\/* dekorasi lengkung *\/\n.program-section::before {\n    content: \"\";\n    position: absolute;\n    width: 600px;\n    height: 600px;\n    background: linear-gradient(135deg, rgba(0, 150, 136, 0.12), rgba(0, 102, 204, 0.05));\n    border-radius: 50%;\n    top: -250px;\n    right: -150px;\n    z-index: 1;\n}\n\n.program-section::after {\n    content: \"\";\n    position: absolute;\n    width: 450px;\n    height: 450px;\n    background: linear-gradient(135deg, rgba(217, 163, 56, 0.12), rgba(255, 255, 255, 0.05));\n    border-radius: 50%;\n    bottom: -200px;\n    left: -150px;\n    z-index: 1;\n}\n\n.prodi-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n}\n\n\/* JUDUL *\/\n.prodi-title {\n    text-align: center;\n    font-size: 28px;\n    font-weight: 700;\n    color: #2c3e50;\n    margin-bottom: 8px;\n}\n\n.prodi-line {\n    width: 60px;\n    height: 4px;\n    background: #d9a338;\n    margin: 0 auto 20px;\n    border-radius: 10px;\n}\n\n\/* INTRO *\/\n.prodi-desc {\n    max-width: 850px;\n    margin: 0 auto 40px;\n    text-align: center;\n    font-size: 15px;\n    line-height: 1.6;\n    color: #666666;\n}\n\n\/* GRID *\/\n.prodi-list {\n    width: 100%;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n}\n\n\/* CARD LINK *\/\n.prodi-card {\n    height: 180px;\n    border-radius: 20px;\n    background: linear-gradient(135deg, #137e83 0%, #2b5c8f 100%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);\n    transition: transform 0.35s ease, box-shadow 0.35s ease;\n    text-decoration: none; \/* Menghapus underline bawaan link *\/\n    cursor: pointer;\n}\n\n\/* efek kilau *\/\n.prodi-card::before {\n    content: \"\";\n    position: absolute;\n    width: 100px;\n    height: 250px;\n    background: rgba(255, 255, 255, 0.15);\n    transform: rotate(35deg);\n    left: -150px;\n    transition: left 0.6s ease;\n}\n\n.prodi-card:hover::before {\n    left: 160%;\n}\n\n.prodi-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n}\n\n\/* ICON *\/\n.prodi-icon {\n    width: 65px;\n    height: 65px;\n    background: rgba(255, 255, 255, 0.2);\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-bottom: 15px;\n}\n\n.prodi-icon i {\n    font-size: 28px;\n    color: #ffffff;\n}\n\n\/* NAMA PRODI (GRADASI PUTIH KEEMASAN) *\/\n.prodi-name {\n    font-size: 18px;\n    font-weight: 700;\n    text-align: center;\n    \n    \/* Gradasi Teks Putih Keemasan *\/\n    background: linear-gradient(180deg, #FFFFFF 30%, #F5D77F 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    \n    \/* Bayangan tipis agar teks lebih menonjol *\/\n    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.25));\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 992px) {\n    .prodi-list {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .program-section {\n        padding: 35px 15px;\n    }\n    .prodi-list {\n        grid-template-columns: 1fr;\n    }\n    .prodi-title {\n        font-size: 24px;\n    }\n    .prodi-desc {\n        font-size: 14px;\n    }\n}\n<\/style>\n\n<section class=\"program-section\">\n    <div class=\"prodi-container\">\n        <h2 class=\"prodi-title\"><\/h2>\n        <div class=\"prodi-line\"><\/div>\n        <p class=\"prodi-desc\">\n            4 program studi Fakultas Teknik\n        <\/p>\n        <div class=\"prodi-list\">\n            \n            <!-- 1. Teknik Elektro -->\n            <a href=\"https:\/\/teknikelektro.uin-malang.ac.id\/\" target=\"_blank\" class=\"prodi-card\">\n                <div class=\"prodi-icon\">\n                    <i class=\"fa-solid fa-bolt\"><\/i>\n                <\/div>\n                <div class=\"prodi-name\">Teknik Elektro<\/div>\n            <\/a>\n            \n            <!-- 2. Teknik Sipil -->\n            <a href=\"https:\/\/tekniksipil.uin-malang.ac.id\/id\/\" target=\"_blank\" class=\"prodi-card\">\n                <div class=\"prodi-icon\">\n                    <i class=\"fa-solid fa-road\"><\/i>\n                <\/div>\n                <div class=\"prodi-name\">Teknik Sipil<\/div>\n            <\/a>\n            \n            <!-- 3. Teknik Lingkungan -->\n            <a href=\"https:\/\/tekniklingkungan.uin-malang.ac.id\/\" target=\"_blank\" class=\"prodi-card\">\n                <div class=\"prodi-icon\">\n                    <i class=\"fa-solid fa-leaf\"><\/i>\n                <\/div>\n                <div class=\"prodi-name\">Teknik Lingkungan<\/div>\n            <\/a>\n            \n            <!-- 4. Teknik Mesin -->\n            <a href=\"https:\/\/teknikmesin.uin-malang.ac.id\/\" target=\"_blank\" class=\"prodi-card\">\n                <div class=\"prodi-icon\">\n                    <i class=\"fa-solid fa-gears\"><\/i>\n                <\/div>\n                <div class=\"prodi-name\">Teknik Mesin<\/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>4 program studi Fakultas Teknik Teknik Elektro Teknik Sipil Teknik Lingkungan 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-768","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/768","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=768"}],"version-history":[{"count":16,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/768\/revisions"}],"predecessor-version":[{"id":1168,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/768\/revisions\/1168"}],"wp:attachment":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/media?parent=768"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}