{"id":1495,"date":"2026-08-22T22:18:27","date_gmt":"2026-08-22T22:18:27","guid":{"rendered":"https:\/\/teknik.uin-malang.ac.id\/?page_id=1495"},"modified":"2026-08-22T22:20:10","modified_gmt":"2026-08-22T22:20:10","slug":"layanan-hallo-teknik","status":"publish","type":"page","link":"https:\/\/teknik.uin-malang.ac.id\/en\/layanan-hallo-teknik\/","title":{"rendered":"LAYANAN HALLO TEKNIK"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1495\" class=\"elementor elementor-1495\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b5ba11 e-flex e-con-boxed e-con e-parent\" data-id=\"8b5ba11\" 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-7ab43a8 elementor-widget elementor-widget-text-editor\" data-id=\"7ab43a8\" 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 Pelayanan & Status -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<!-- Load Google Font Montserrat -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    font-family: 'Montserrat', 'Segoe UI', Roboto, sans-serif;\n}\n\n\/* CONTAINER UTAMA *\/\n.hallo-teknik-container {\n    width: 100%;\n    max-width: 1100px;\n    margin: 30px auto;\n    padding: 20px 15px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 25px;\n}\n\n\/* BANNER STATUS: SYSTEM UNDER CONSTRUCTION (ENGLISH) *\/\n.notice-under-construction {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 24px;\n    background: rgba(255, 145, 77, 0.12);\n    border: 1.5px dashed #ff914d;\n    border-radius: 50px;\n    color: #e07d3a;\n    font-size: 13.5px;\n    font-weight: 700;\n    letter-spacing: 0.5px;\n    box-shadow: 0 4px 15px rgba(255, 145, 77, 0.1);\n    animation: pulseNotice 2s infinite ease-in-out;\n}\n\n.notice-under-construction i {\n    font-size: 16px;\n    color: #ff914d;\n}\n\n@keyframes pulseNotice {\n    0%, 100% { transform: scale(1); opacity: 1; }\n    50% { transform: scale(1.02); opacity: 0.85; }\n}\n\n\/* HEADER SECTION *\/\n.ht-header {\n    text-align: center;\n}\n\n.ht-title {\n    font-size: 32px;\n    font-weight: 800;\n    color: #008b8b;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n}\n\n.ht-title i {\n    color: #ff914d;\n}\n\n.ht-subtitle {\n    font-size: 14px;\n    font-weight: 600;\n    color: #666666;\n    margin-top: 6px;\n    letter-spacing: 0.3px;\n}\n\n\/* GRID KARTU PELAYANAN *\/\n.ht-grid {\n    width: 100%;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n}\n\n\/* KARTU LAYANAN *\/\n.ht-card {\n    background: #ffffff;\n    border: 1.5px solid #eeeeee;\n    border-top: 4px solid #009688;\n    border-radius: 18px;\n    padding: 24px 20px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    gap: 12px;\n    text-decoration: none !important;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);\n    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.ht-card:hover {\n    transform: translateY(-8px);\n    border-top-color: #ff914d;\n    box-shadow: 0 16px 30px rgba(0, 150, 136, 0.15);\n}\n\n\/* BINGKAI IKON *\/\n.ht-icon-box {\n    width: 65px;\n    height: 65px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, #eef8f8 0%, #ffffff 100%);\n    border: 1px solid #d4ecec;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\n    transition: transform 0.4s ease, background 0.4s ease;\n}\n\n.ht-icon-box i {\n    font-size: 26px;\n    color: #009688;\n    transition: color 0.4s ease;\n}\n\n.ht-card:hover .ht-icon-box {\n    background: linear-gradient(135deg, #ff914d 0%, #ffd700 100%);\n    transform: scale(1.1) rotate(6deg);\n}\n\n.ht-card:hover .ht-icon-box i {\n    color: #ffffff;\n}\n\n\/* DETAIL TEKS KARTU *\/\n.ht-card-title {\n    font-size: 16px;\n    font-weight: 700;\n    color: #222222;\n    line-height: 1.3;\n}\n\n.ht-card-desc {\n    font-size: 12.5px;\n    font-weight: 600;\n    color: #777777;\n    line-height: 1.4;\n}\n\n\/* BADGE STATUS MINI DI DALAM KARTU *\/\n.ht-card-badge {\n    margin-top: auto;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.8px;\n    color: #ff914d;\n    background: rgba(255, 145, 77, 0.1);\n    padding: 4px 12px;\n    border-radius: 20px;\n}\n\n\/* RESPONSIVE LAYAR TABLET & HP *\/\n@media (max-width: 900px) {\n    .ht-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 600px) {\n    .ht-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .ht-title {\n        font-size: 24px;\n    }\n\n    .notice-under-construction {\n        font-size: 12px;\n        padding: 10px 18px;\n        text-align: center;\n    }\n}\n<\/style>\n\n<div class=\"hallo-teknik-container\">\n\n    <!-- 1. KETERANGAN SISTEM SEDANG DIBANGUN (ENGLISH) -->\n    <div class=\"notice-under-construction\">\n        <i class=\"fa-solid fa-triangle-exclamation\"><\/i>\n        <span>This service system is currently under development &#038; construction.<\/span>\n    <\/div>\n\n    <!-- 2. HEADER BRANDING HALLO TEKNIK -->\n    <div class=\"ht-header\">\n        <h2 class=\"ht-title\">\n            <i class=\"fa-solid fa-headset\"><\/i> Hallo Teknik\n        <\/h2>\n        <p class=\"ht-subtitle\">Pusat Layanan Terpadu &#038; Helpdesk Fakultas Teknik<\/p>\n    <\/div>\n\n    <!-- 3. MENU PILIHAN PELAYANAN -->\n    <div class=\"ht-grid\">\n\n        <!-- KARTU 1: LAYANAN AKADEMIK -->\n        <a href=\"#\" class=\"ht-card\">\n            <div class=\"ht-icon-box\">\n                <i class=\"fa-solid fa-graduation-cap\"><\/i>\n            <\/div>\n            <h3 class=\"ht-card-title\">Layanan Akademik<\/h3>\n            <p class=\"ht-card-desc\">Bantuan surat keterangan, administrasi KRS, transkrip, dan permohonan berkas prodi.<\/p>\n            <span class=\"ht-card-badge\"><i class=\"fa-solid fa-clock\"><\/i> Coming Soon<\/span>\n        <\/a>\n\n        <!-- KARTU 2: PENGADUAN & ASPIRASI -->\n        <a href=\"#\" class=\"ht-card\">\n            <div class=\"ht-icon-box\">\n                <i class=\"fa-solid fa-comments\"><\/i>\n            <\/div>\n            <h3 class=\"ht-card-title\">Pengaduan &#038; Aspirasi<\/h3>\n            <p class=\"ht-card-desc\">Kanal aspirasi, kritik, serta pengaduan fasilitas perkuliahan mahasiswa.<\/p>\n            <span class=\"ht-card-badge\"><i class=\"fa-solid fa-clock\"><\/i> Coming Soon<\/span>\n        <\/a>\n\n        <!-- KARTU 3: HELPDESK & KONSULTASI -->\n        <a href=\"#\" class=\"ht-card\">\n            <div class=\"ht-icon-box\">\n                <i class=\"fa-solid fa-circle-question\"><\/i>\n            <\/div>\n            <h3 class=\"ht-card-title\">Helpdesk &#038; Konsultasi<\/h3>\n            <p class=\"ht-card-desc\">Konsultasi langsung bersama tim helpdesk prodi mengenai kegiatan akademik.<\/p>\n            <span class=\"ht-card-badge\"><i class=\"fa-solid fa-clock\"><\/i> Coming Soon<\/span>\n        <\/a>\n\n    <\/div>\n\n<\/div>\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>This service system is currently under development &#038; construction. Hallo Teknik Pusat Layanan Terpadu &#038; Helpdesk Fakultas Teknik Layanan Akademik Bantuan surat keterangan, administrasi KRS, transkrip, dan permohonan berkas prodi. Coming Soon Pengaduan &#038; Aspirasi Kanal aspirasi, kritik, serta pengaduan fasilitas perkuliahan mahasiswa. Coming Soon Helpdesk &#038; Konsultasi Konsultasi langsung bersama tim helpdesk prodi mengenai [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1495","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/pages\/1495","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=1495"}],"version-history":[{"count":4,"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/pages\/1495\/revisions"}],"predecessor-version":[{"id":1499,"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/pages\/1495\/revisions\/1499"}],"wp:attachment":[{"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/media?parent=1495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}