{"id":1652,"date":"2026-08-31T12:55:41","date_gmt":"2026-08-31T12:55:41","guid":{"rendered":"https:\/\/tekniksipil.uin-malang.ac.id\/?page_id=1652"},"modified":"2026-09-10T04:34:12","modified_gmt":"2026-09-10T04:34:12","slug":"survey-kepuasan","status":"publish","type":"page","link":"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/survey-kepuasan\/","title":{"rendered":"Survey Kepuasan"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1652\" class=\"elementor elementor-1652\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cc6595 e-flex e-con-boxed e-con e-parent\" data-id=\"1cc6595\" 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-6d7b71a elementor-widget elementor-widget-html\" data-id=\"6d7b71a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Awesome 6 & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.windows-academic-container {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    margin: 0 auto;\r\n    padding: 10px 0;\r\n    background: transparent;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    box-sizing: border-box;\r\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.windows-academic-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* GRID 2 KOLOM PANEL TAHUN *\/\r\n.windows-year-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 18px;\r\n    width: 100%;\r\n}\r\n\r\n\/* KARTU LINK PANEL WINDOWS METRO (GRADASI ORANGE-EMAS) *\/\r\n.win-year-tile {\r\n    text-decoration: none !important;\r\n    background: linear-gradient(135deg, #ff914d 0%, #f3a640 50%, #d4af37 100%) !important;\r\n    border: 1.5px solid #e07d3a;\r\n    border-radius: 16px;\r\n    padding: 26px 22px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    gap: 10px;\r\n    min-height: 155px;\r\n    cursor: pointer;\r\n    user-select: none;\r\n    box-shadow: 0 6px 20px rgba(255, 145, 77, 0.32);\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.35s ease, border-color 0.35s ease;\r\n}\r\n\r\n\/* SHIMMER EFFECT SHINE *\/\r\n.win-year-tile::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    left: -50%;\r\n    width: 200%;\r\n    height: 200%;\r\n    background: linear-gradient(60deg, transparent, rgba(255, 255, 255, 0.28), transparent);\r\n    transform: rotate(30deg);\r\n    transition: all 0.6s ease;\r\n    opacity: 0;\r\n}\r\n\r\n.win-year-tile:hover::after {\r\n    opacity: 1;\r\n    transform: rotate(30deg) translate(20%, 20%);\r\n}\r\n\r\n.win-year-tile:hover {\r\n    transform: translateY(-4px) scale(1.02);\r\n    box-shadow: 0 12px 28px rgba(255, 145, 77, 0.48);\r\n    border-color: #ffffff;\r\n}\r\n\r\n.win-year-tile:active {\r\n    transform: scale(0.97) !important;\r\n    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.6) !important;\r\n    border-color: #ffffff !important;\r\n}\r\n\r\n\/* BINGKAI IKON *\/\r\n.tile-icon-box {\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 12px;\r\n    background: rgba(255, 255, 255, 0.22);\r\n    border: 1px solid rgba(255, 255, 255, 0.5);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n    transition: transform 0.3s ease, background-color 0.3s ease;\r\n}\r\n\r\n.win-year-tile:hover .tile-icon-box {\r\n    transform: scale(1.1) rotate(5deg);\r\n    background: rgba(255, 255, 255, 0.35);\r\n}\r\n\r\n.tile-icon-box i {\r\n    font-size: 24px;\r\n    color: #ffffff;\r\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n\/* TEKS JUDUL TAHUN *\/\r\n.tile-year-title {\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    color: #ffffff !important;\r\n    letter-spacing: 0.5px;\r\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);\r\n    margin: 2px 0 0 0;\r\n}\r\n\r\n\/* KETERANGAN DI BAWAH: \"BUKA DATA\" *\/\r\n.tile-year-action {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n    background: rgba(255, 255, 255, 0.2);\r\n    border: 1px solid rgba(255, 255, 255, 0.45);\r\n    color: #ffffff !important;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    padding: 5px 14px;\r\n    border-radius: 20px;\r\n    letter-spacing: 0.6px;\r\n    text-transform: uppercase;\r\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\r\n    transition: all 0.25s ease;\r\n}\r\n\r\n.win-year-tile:hover .tile-year-action {\r\n    background: #ffffff;\r\n    color: #c2410c !important;\r\n    border-color: #ffffff;\r\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.tile-year-action i {\r\n    font-size: 11px;\r\n    transition: transform 0.25s ease;\r\n}\r\n\r\n.win-year-tile:hover .tile-year-action i {\r\n    transform: translateX(3px);\r\n}\r\n\r\n\/* RESPONSIF HP *\/\r\n@media (max-width: 600px) {\r\n    .windows-year-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 14px;\r\n    }\r\n    .win-year-tile {\r\n        padding: 18px 20px;\r\n        min-height: 90px;\r\n        flex-direction: row;\r\n        justify-content: space-between;\r\n        text-align: left;\r\n    }\r\n    .tile-info-col {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 5px;\r\n    }\r\n    .tile-icon-box {\r\n        width: 44px;\r\n        height: 44px;\r\n    }\r\n    .tile-icon-box i {\r\n        font-size: 20px;\r\n    }\r\n    .tile-year-title {\r\n        font-size: 16px;\r\n    }\r\n    .tile-year-action {\r\n        font-size: 11px;\r\n        padding: 4px 10px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"windows-academic-container\">\r\n    <div class=\"windows-year-grid\">\r\n\r\n        <!-- PANEL TAHUN 2024-2025 -->\r\n        <a href=\"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/tahun-2024\/\" class=\"win-year-tile\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <div class=\"tile-icon-box\">\r\n                <i class=\"fa-solid fa-calendar-days\"><\/i>\r\n            <\/div>\r\n            <div class=\"tile-info-col\">\r\n                <div class=\"tile-year-title\">Tahun 2024-2025<\/div>\r\n                <div class=\"tile-year-action\">\r\n                    <span>Buka Data<\/span>\r\n                    <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <!-- PANEL TAHUN 2025-2026 -->\r\n        <a href=\"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/tahun-2025\/\" class=\"win-year-tile\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <div class=\"tile-icon-box\">\r\n                <i class=\"fa-solid fa-calendar-check\"><\/i>\r\n            <\/div>\r\n            <div class=\"tile-info-col\">\r\n                <div class=\"tile-year-title\">Tahun 2025-2026<\/div>\r\n                <div class=\"tile-year-action\">\r\n                    <span>Buka Data<\/span>\r\n                    <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n        <\/a>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\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>Tahun 2024-2025 Buka Data Tahun 2025-2026 Buka Data<\/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-1652","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/1652","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/comments?post=1652"}],"version-history":[{"count":7,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/1652\/revisions"}],"predecessor-version":[{"id":1872,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/1652\/revisions\/1872"}],"wp:attachment":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/media?parent=1652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}