{"id":2127,"date":"2026-09-28T06:34:35","date_gmt":"2026-09-28T06:34:35","guid":{"rendered":"https:\/\/tekniklingkungan.uin-malang.ac.id\/?page_id=2127"},"modified":"2026-09-28T06:43:34","modified_gmt":"2026-09-28T06:43:34","slug":"kerja-praktik","status":"publish","type":"page","link":"https:\/\/tekniklingkungan.uin-malang.ac.id\/?page_id=2127","title":{"rendered":"Kerja Praktik"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2127\" class=\"elementor elementor-2127\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b81ad7 e-flex e-con-boxed e-con e-parent\" data-id=\"2b81ad7\" 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-3a4d77e elementor-widget elementor-widget-text-editor\" data-id=\"3a4d77e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<style>\n\n\/* =========================================================\n   HALAMAN KERJA PRAKTIK\n   PROGRAM STUDI TEKNIK LINGKUNGAN\n   UIN MAULANA MALIK IBRAHIM MALANG\n\n   COLOR PALETTE\n   Teal       : #138A7E\n   Dark Teal  : #075E57\n   Deep Teal  : #064943\n   Gold       : #C9A227\n   White      : #FFFFFF\n   ========================================================= *\/\n\n\n\/* =========================================================\n   MAIN CONTAINER\n   ========================================================= *\/\n\n.tl-kp-page {\n\n    --tl-kp-teal: #138A7E;\n    --tl-kp-teal-dark: #075E57;\n    --tl-kp-teal-deep: #064943;\n\n    --tl-kp-gold: #C9A227;\n    --tl-kp-gold-light: #F4E7AE;\n\n    --tl-kp-white: #FFFFFF;\n    --tl-kp-bg: #F7FBFA;\n\n    --tl-kp-text: #23423F;\n    --tl-kp-muted: #71827F;\n\n    --tl-kp-border: #DDEBE8;\n\n    max-width: 1200px;\n\n    margin: 0 auto;\n\n    padding:\n        25px\n        18px\n        70px;\n\n    color:\n        var(--tl-kp-text);\n\n    font-family:\n        inherit;\n\n    box-sizing:\n        border-box;\n}\n\n\n\/* =========================================================\n   BOX SIZING\n   ========================================================= *\/\n\n.tl-kp-page *,\n.tl-kp-page *::before,\n.tl-kp-page *::after {\n\n    box-sizing:\n        border-box;\n\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.tl-kp-hero {\n\n    position:\n        relative;\n\n    overflow:\n        hidden;\n\n    padding:\n        55px 48px;\n\n    margin-bottom:\n        55px;\n\n    border-radius:\n        27px;\n\n    background:\n\n        radial-gradient(\n            circle at 90% 15%,\n            rgba(201,162,39,0.22),\n            transparent 28%\n        ),\n\n        linear-gradient(\n            135deg,\n            var(--tl-kp-teal-deep),\n            var(--tl-kp-teal-dark) 50%,\n            var(--tl-kp-teal)\n        );\n\n    color:\n        #FFFFFF;\n\n    box-shadow:\n        0 20px 50px\n        rgba(6,73,67,0.16);\n\n    animation:\n        tlKPHero\n        .8s\n        ease\n        both;\n\n}\n\n\n\/* Decorative circle *\/\n\n.tl-kp-hero::before {\n\n    content:\n        \"\";\n\n    position:\n        absolute;\n\n    width:\n        270px;\n\n    height:\n        270px;\n\n    right:\n        -105px;\n\n    top:\n        -125px;\n\n    border:\n        2px solid\n        rgba(201,162,39,0.42);\n\n    border-radius:\n        50%;\n\n    box-shadow:\n\n        0 0 0 25px\n        rgba(201,162,39,0.04),\n\n        0 0 0 55px\n        rgba(201,162,39,0.025);\n\n    animation:\n        tlKPFloat\n        7s\n        ease-in-out\n        infinite;\n\n}\n\n\n\/* Decorative circle 2 *\/\n\n.tl-kp-hero::after {\n\n    content:\n        \"\";\n\n    position:\n        absolute;\n\n    width:\n        120px;\n\n    height:\n        120px;\n\n    left:\n        -45px;\n\n    bottom:\n        -55px;\n\n    border:\n        2px solid\n        rgba(255,255,255,0.10);\n\n    border-radius:\n        50%;\n\n    animation:\n        tlKPFloatReverse\n        8s\n        ease-in-out\n        infinite;\n\n}\n\n\n\/* =========================================================\n   HERO TEXT\n   ========================================================= *\/\n\n.tl-kp-kicker {\n\n    position:\n        relative;\n\n    z-index:\n        2;\n\n    margin:\n        0 0 12px !important;\n\n    color:\n        var(--tl-kp-gold-light) !important;\n\n    font-size:\n        13px;\n\n    font-weight:\n        800;\n\n    letter-spacing:\n        2px;\n\n    text-transform:\n        uppercase;\n\n}\n\n\n.tl-kp-title {\n\n    position:\n        relative;\n\n    z-index:\n        2;\n\n    margin:\n        0 0 15px !important;\n\n    color:\n        #FFFFFF !important;\n\n    font-size:\n        clamp(32px, 4vw, 47px) !important;\n\n    line-height:\n        1.1 !important;\n\n    font-weight:\n        800 !important;\n\n}\n\n\n.tl-kp-subtitle {\n\n    position:\n        relative;\n\n    z-index:\n        2;\n\n    max-width:\n        790px;\n\n    margin:\n        0 !important;\n\n    color:\n        rgba(255,255,255,0.88) !important;\n\n    font-size:\n        16px;\n\n    line-height:\n        1.8;\n\n}\n\n\n.tl-kp-gold-line {\n\n    position:\n        relative;\n\n    z-index:\n        2;\n\n    width:\n        75px;\n\n    height:\n        4px;\n\n    margin-top:\n        22px;\n\n    border-radius:\n        20px;\n\n    background:\n        var(--tl-kp-gold);\n\n    box-shadow:\n        0 0 12px\n        rgba(201,162,39,0.35);\n\n}\n\n\n\/* =========================================================\n   SECTION\n   ========================================================= *\/\n\n.tl-kp-section {\n\n    margin-top:\n        58px;\n\n}\n\n\n.tl-kp-section-header {\n\n    margin-bottom:\n        28px;\n\n    animation:\n        tlKPFadeUp\n        .7s\n        ease\n        both;\n\n}\n\n\n.tl-kp-section-title {\n\n    margin:\n        0 !important;\n\n    color:\n        var(--tl-kp-teal-dark) !important;\n\n    font-size:\n        30px !important;\n\n    line-height:\n        1.2 !important;\n\n    font-weight:\n        800 !important;\n\n}\n\n\n.tl-kp-section-line {\n\n    width:\n        65px;\n\n    height:\n        4px;\n\n    margin-top:\n        12px;\n\n    border-radius:\n        30px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--tl-kp-gold),\n            var(--tl-kp-teal)\n        );\n\n}\n\n\n.tl-kp-section-description {\n\n    max-width:\n        780px;\n\n    margin:\n        13px 0 0 !important;\n\n    color:\n        var(--tl-kp-muted) !important;\n\n    font-size:\n        14px;\n\n    line-height:\n        1.75;\n\n}\n\n\n\/* =========================================================\n   PROCEDURE DIAGRAM\n   ========================================================= *\/\n\n.tl-kp-procedure {\n\n    position:\n        relative;\n\n    overflow:\n        hidden;\n\n    border:\n        1px solid\n        var(--tl-kp-border);\n\n    border-radius:\n        22px;\n\n    background:\n        #FFFFFF;\n\n    box-shadow:\n        0 10px 30px\n        rgba(6,73,67,0.07);\n\n    opacity:\n        0;\n\n    animation:\n        tlKPCard\n        .8s\n        cubic-bezier(.2,.8,.2,1)\n        .15s\n        forwards;\n\n    transition:\n        transform .35s ease,\n        box-shadow .35s ease,\n        border-color .35s ease;\n\n}\n\n\n\/* Gold top border *\/\n\n.tl-kp-procedure::before {\n\n    content:\n        \"\";\n\n    position:\n        absolute;\n\n    top:\n        0;\n\n    left:\n        0;\n\n    right:\n        0;\n\n    height:\n        4px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--tl-kp-teal),\n            var(--tl-kp-gold),\n            var(--tl-kp-teal)\n        );\n\n    background-size:\n        200% 100%;\n\n    animation:\n        tlKPGradient\n        5s\n        linear\n        infinite;\n\n    z-index:\n        3;\n\n}\n\n\n.tl-kp-procedure:hover {\n\n    transform:\n        translateY(-5px);\n\n    border-color:\n        rgba(201,162,39,0.42);\n\n    box-shadow:\n        0 18px 42px\n        rgba(6,73,67,0.12);\n\n}\n\n\n\/* =========================================================\n   PROCEDURE HEADER\n   ========================================================= *\/\n\n.tl-kp-procedure-header {\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    gap:\n        16px;\n\n    padding:\n        22px 25px;\n\n    border-bottom:\n        1px solid\n        var(--tl-kp-border);\n\n    background:\n        linear-gradient(\n            100deg,\n            #F4FAF8,\n            #FFFFFF\n        );\n\n}\n\n\n\/* Number *\/\n\n.tl-kp-step {\n\n    flex:\n        0 0 auto;\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    width:\n        43px;\n\n    height:\n        43px;\n\n    border-radius:\n        50%;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--tl-kp-gold),\n            #DAB63B\n        );\n\n    color:\n        #FFFFFF;\n\n    font-size:\n        14px;\n\n    font-weight:\n        800;\n\n    box-shadow:\n        0 6px 15px\n        rgba(201,162,39,0.20);\n\n}\n\n\n\/* Header title *\/\n\n.tl-kp-procedure-title {\n\n    margin:\n        0 !important;\n\n    color:\n        var(--tl-kp-teal-dark) !important;\n\n    font-size:\n        21px !important;\n\n    line-height:\n        1.3 !important;\n\n    font-weight:\n        800 !important;\n\n}\n\n\n.tl-kp-procedure-subtitle {\n\n    margin:\n        4px 0 0 !important;\n\n    color:\n        var(--tl-kp-muted) !important;\n\n    font-size:\n        12px;\n\n}\n\n\n\/* =========================================================\n   IMAGE AREA\n   ========================================================= *\/\n\n.tl-kp-image-wrapper {\n\n    position:\n        relative;\n\n    padding:\n        25px;\n\n    background:\n        #F8FBFA;\n\n}\n\n\n\/* Image link *\/\n\n.tl-kp-image-link {\n\n    position:\n        relative;\n\n    display:\n        block;\n\n    overflow:\n        hidden;\n\n    width:\n        100%;\n\n    border:\n        1px solid\n        #E2ECE9;\n\n    border-radius:\n        14px;\n\n    background:\n        #FFFFFF;\n\n    text-decoration:\n        none !important;\n\n    box-shadow:\n        0 6px 20px\n        rgba(6,73,67,0.06);\n\n}\n\n\n\/* Image *\/\n\n.tl-kp-image {\n\n    display:\n        block !important;\n\n    width:\n        100% !important;\n\n    height:\n        auto !important;\n\n    max-width:\n        100% !important;\n\n    object-fit:\n        contain !important;\n\n    transition:\n        transform .7s\n        cubic-bezier(.2,.7,.2,1);\n\n}\n\n\n\/* Zoom *\/\n\n.tl-kp-image-link:hover\n.tl-kp-image {\n\n    transform:\n        scale(1.025);\n\n}\n\n\n\/* Shine *\/\n\n.tl-kp-image-link::after {\n\n    content:\n        \"\";\n\n    position:\n        absolute;\n\n    top:\n        0;\n\n    left:\n        -120%;\n\n    width:\n        65%;\n\n    height:\n        100%;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(255,255,255,0.32),\n            transparent\n        );\n\n    transform:\n        skewX(-20deg);\n\n    transition:\n        left .8s ease;\n\n    pointer-events:\n        none;\n\n}\n\n\n.tl-kp-image-link:hover::after {\n\n    left:\n        140%;\n\n}\n\n\n\/* =========================================================\n   VIEW IMAGE LABEL\n   ========================================================= *\/\n\n.tl-kp-view {\n\n    position:\n        absolute;\n\n    right:\n        40px;\n\n    bottom:\n        40px;\n\n    z-index:\n        5;\n\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    gap:\n        7px;\n\n    padding:\n        8px 12px;\n\n    border:\n        1px solid\n        rgba(255,255,255,0.25);\n\n    border-radius:\n        30px;\n\n    background:\n        rgba(6,73,67,0.84);\n\n    color:\n        #FFFFFF;\n\n    font-size:\n        10px;\n\n    font-weight:\n        700;\n\n    backdrop-filter:\n        blur(7px);\n\n    opacity:\n        0;\n\n    transform:\n        translateY(6px);\n\n    transition:\n        opacity .3s ease,\n        transform .3s ease;\n\n}\n\n\n.tl-kp-image-wrapper:hover\n.tl-kp-view {\n\n    opacity:\n        1;\n\n    transform:\n        translateY(0);\n\n}\n\n\n\/* =========================================================\n   PROCEDURE INFO\n   ========================================================= *\/\n\n.tl-kp-info {\n\n    display:\n        flex;\n\n    align-items:\n        flex-start;\n\n    gap:\n        12px;\n\n    padding:\n        19px 25px;\n\n    border-top:\n        1px solid\n        var(--tl-kp-border);\n\n    color:\n        var(--tl-kp-muted);\n\n    font-size:\n        13px;\n\n    line-height:\n        1.65;\n\n}\n\n\n.tl-kp-info-icon {\n\n    flex:\n        0 0 auto;\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    width:\n        28px;\n\n    height:\n        28px;\n\n    border-radius:\n        50%;\n\n    background:\n        var(--tl-kp-teal);\n\n    color:\n        #FFFFFF;\n\n    font-size:\n        12px;\n\n    font-weight:\n        800;\n\n}\n\n\n.tl-kp-info strong {\n\n    color:\n        var(--tl-kp-teal-dark);\n\n}\n\n\n\/* =========================================================\n   PEDOMAN CARD\n   ========================================================= *\/\n\n.tl-kp-guide {\n\n    position:\n        relative;\n\n    overflow:\n        hidden;\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        space-between;\n\n    gap:\n        30px;\n\n    padding:\n        32px 35px;\n\n    border:\n        1px solid\n        rgba(19,138,126,0.17);\n\n    border-radius:\n        21px;\n\n    background:\n        linear-gradient(\n            120deg,\n            #F2F9F7,\n            #FFFFFF\n        );\n\n    box-shadow:\n        0 9px 28px\n        rgba(6,73,67,0.06);\n\n    transition:\n        transform .35s ease,\n        box-shadow .35s ease;\n\n}\n\n\n.tl-kp-guide:hover {\n\n    transform:\n        translateY(-5px);\n\n    box-shadow:\n        0 17px 38px\n        rgba(6,73,67,0.11);\n\n}\n\n\n\/* Decorative circle *\/\n\n.tl-kp-guide::after {\n\n    content:\n        \"\";\n\n    position:\n        absolute;\n\n    width:\n        170px;\n\n    height:\n        170px;\n\n    right:\n        -70px;\n\n    top:\n        -70px;\n\n    border:\n        2px solid\n        rgba(201,162,39,0.16);\n\n    border-radius:\n        50%;\n\n}\n\n\n\/* =========================================================\n   GUIDE LEFT\n   ========================================================= *\/\n\n.tl-kp-guide-left {\n\n    position:\n        relative;\n\n    z-index:\n        2;\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    gap:\n        19px;\n\n}\n\n\n\/* Icon *\/\n\n.tl-kp-guide-icon {\n\n    flex:\n        0 0 auto;\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    width:\n        65px;\n\n    height:\n        65px;\n\n    border-radius:\n        17px;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--tl-kp-teal-dark),\n            var(--tl-kp-teal)\n        );\n\n    color:\n        #FFFFFF;\n\n    font-size:\n        28px;\n\n    box-shadow:\n        0 8px 18px\n        rgba(19,138,126,0.18);\n\n    transition:\n        transform .3s ease;\n\n}\n\n\n.tl-kp-guide:hover\n.tl-kp-guide-icon {\n\n    transform:\n        rotate(-4deg)\n        translateY(-2px);\n\n}\n\n\n\/* Title *\/\n\n.tl-kp-guide-title {\n\n    margin:\n        0 0 7px !important;\n\n    color:\n        var(--tl-kp-teal-dark) !important;\n\n    font-size:\n        21px !important;\n\n    line-height:\n        1.3 !important;\n\n    font-weight:\n        800 !important;\n\n}\n\n\n\/* Description *\/\n\n.tl-kp-guide-description {\n\n    max-width:\n        650px;\n\n    margin:\n        0 !important;\n\n    color:\n        var(--tl-kp-muted) !important;\n\n    font-size:\n        13px;\n\n    line-height:\n        1.65;\n\n}\n\n\n\/* =========================================================\n   BUTTON\n   ========================================================= *\/\n\n.tl-kp-button {\n\n    position:\n        relative;\n\n    z-index:\n        4;\n\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    gap:\n        9px;\n\n    flex:\n        0 0 auto;\n\n    padding:\n        14px 21px;\n\n    border:\n        0;\n\n    border-radius:\n        10px;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--tl-kp-teal-dark),\n            var(--tl-kp-teal)\n        );\n\n    color:\n        #FFFFFF !important;\n\n    text-decoration:\n        none !important;\n\n    font-size:\n        13px;\n\n    font-weight:\n        800;\n\n    box-shadow:\n        0 7px 17px\n        rgba(6,73,67,0.16);\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease,\n        background .3s ease;\n\n}\n\n\n.tl-kp-button:hover {\n\n    transform:\n        translateY(-3px);\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--tl-kp-gold),\n            #DAB63B\n        );\n\n    color:\n        #FFFFFF !important;\n\n    box-shadow:\n        0 10px 23px\n        rgba(201,162,39,0.25);\n\n}\n\n\n.tl-kp-arrow {\n\n    font-size:\n        15px;\n\n    transition:\n        transform .3s ease;\n\n}\n\n\n.tl-kp-button:hover\n.tl-kp-arrow {\n\n    transform:\n        translateX(4px);\n\n}\n\n\n\/* =========================================================\n   FOOTER NOTE\n   ========================================================= *\/\n\n.tl-kp-footer-note {\n\n    margin-top:\n        28px;\n\n    text-align:\n        center;\n\n    color:\n        #83918F;\n\n    font-size:\n        12px;\n\n    line-height:\n        1.6;\n\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n   ========================================================= *\/\n\n@keyframes tlKPHero {\n\n    from {\n\n        opacity:\n            0;\n\n        transform:\n            translateY(20px);\n\n    }\n\n    to {\n\n        opacity:\n            1;\n\n        transform:\n            translateY(0);\n\n    }\n\n}\n\n\n@keyframes tlKPFadeUp {\n\n    from {\n\n        opacity:\n            0;\n\n        transform:\n            translateY(17px);\n\n    }\n\n    to {\n\n        opacity:\n            1;\n\n        transform:\n            translateY(0);\n\n    }\n\n}\n\n\n@keyframes tlKPCard {\n\n    from {\n\n        opacity:\n            0;\n\n        transform:\n            translateY(30px);\n\n    }\n\n    to {\n\n        opacity:\n            1;\n\n        transform:\n            translateY(0);\n\n    }\n\n}\n\n\n@keyframes tlKPFloat {\n\n    0%,\n    100% {\n\n        transform:\n            translate(0,0);\n\n    }\n\n    50% {\n\n        transform:\n            translate(-14px,17px);\n\n    }\n\n}\n\n\n@keyframes tlKPFloatReverse {\n\n    0%,\n    100% {\n\n        transform:\n            translate(0,0);\n\n    }\n\n    50% {\n\n        transform:\n            translate(17px,-12px);\n\n    }\n\n}\n\n\n@keyframes tlKPGradient {\n\n    0% {\n\n        background-position:\n            0% 50%;\n\n    }\n\n    50% {\n\n        background-position:\n            100% 50%;\n\n    }\n\n    100% {\n\n        background-position:\n            0% 50%;\n\n    }\n\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 800px) {\n\n    .tl-kp-guide {\n\n        align-items:\n            flex-start;\n\n        flex-direction:\n            column;\n\n    }\n\n\n    .tl-kp-button {\n\n        width:\n            100%;\n\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .tl-kp-page {\n\n        padding:\n            10px\n            12px\n            50px;\n\n    }\n\n\n    .tl-kp-hero {\n\n        padding:\n            38px 24px;\n\n        border-radius:\n            21px;\n\n    }\n\n\n    .tl-kp-title {\n\n        font-size:\n            31px !important;\n\n    }\n\n\n    .tl-kp-subtitle {\n\n        font-size:\n            14px;\n\n        line-height:\n            1.7;\n\n    }\n\n\n    .tl-kp-section {\n\n        margin-top:\n            43px;\n\n    }\n\n\n    .tl-kp-section-title {\n\n        font-size:\n            25px !important;\n\n    }\n\n\n    .tl-kp-procedure-header {\n\n        padding:\n            18px;\n\n    }\n\n\n    .tl-kp-procedure-title {\n\n        font-size:\n            19px !important;\n\n    }\n\n\n    .tl-kp-image-wrapper {\n\n        padding:\n            13px;\n\n    }\n\n\n    .tl-kp-view {\n\n        right:\n            25px;\n\n        bottom:\n            25px;\n\n    }\n\n\n    .tl-kp-info {\n\n        padding:\n            17px 18px;\n\n    }\n\n\n    .tl-kp-guide {\n\n        padding:\n            24px 21px;\n\n    }\n\n\n    .tl-kp-guide-left {\n\n        align-items:\n            flex-start;\n\n    }\n\n\n    .tl-kp-guide-icon {\n\n        width:\n            53px;\n\n        height:\n            53px;\n\n        font-size:\n            22px;\n\n    }\n\n\n    .tl-kp-guide-title {\n\n        font-size:\n            19px !important;\n\n    }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILITY\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .tl-kp-page *,\n    .tl-kp-page *::before,\n    .tl-kp-page *::after {\n\n        animation-duration:\n            0.01ms !important;\n\n        animation-iteration-count:\n            1 !important;\n\n        transition-duration:\n            0.01ms !important;\n\n    }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     HTML\n     ========================================================= -->\n\n<div class=\"tl-kp-page\">\n\n\n    <!-- =====================================================\n         HERO\n         ===================================================== -->\n\n    <section class=\"tl-kp-hero\">\n\n        <p class=\"tl-kp-kicker\">\n            Program Studi Teknik Lingkungan\n        <\/p>\n\n\n        <h1 class=\"tl-kp-title\">\n            Kerja Praktik\n        <\/h1>\n\n\n        <p class=\"tl-kp-subtitle\">\n\n            Informasi mengenai prosedur pelaksanaan dan pedoman\n            Kerja Praktik bagi mahasiswa Program Studi Teknik Lingkungan.\n\n        <\/p>\n\n\n        <div class=\"tl-kp-gold-line\"><\/div>\n\n    <\/section>\n\n\n\n    <!-- =====================================================\n         PROSEDUR PELAKSANAAN KERJA PRAKTIK\n         ===================================================== -->\n\n    <section class=\"tl-kp-section\">\n\n\n        <div class=\"tl-kp-section-header\">\n\n            <h2 class=\"tl-kp-section-title\">\n                Prosedur Pelaksanaan Kerja Praktik\n            <\/h2>\n\n\n            <div class=\"tl-kp-section-line\"><\/div>\n\n\n            <p class=\"tl-kp-section-description\">\n\n                Prosedur pelaksanaan Kerja Praktik dapat dilihat melalui\n                diagram alir berikut. Klik gambar untuk melihat diagram\n                dalam ukuran penuh.\n\n            <\/p>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             PROCEDURE CARD\n             ================================================= -->\n\n        <div class=\"tl-kp-procedure\">\n\n\n            <!-- HEADER -->\n\n            <div class=\"tl-kp-procedure-header\">\n\n\n                <div class=\"tl-kp-step\">\n                    01\n                <\/div>\n\n\n                <div>\n\n                    <h3 class=\"tl-kp-procedure-title\">\n                        Prosedur Pelaksanaan Kerja Praktik\n                    <\/h3>\n\n\n                    <p class=\"tl-kp-procedure-subtitle\">\n                        Diagram alir pelaksanaan Kerja Praktik\n                    <\/p>\n\n                <\/div>\n\n\n            <\/div>\n\n\n\n            <!-- IMAGE -->\n\n            <div class=\"tl-kp-image-wrapper\">\n\n\n                <a\n                    class=\"tl-kp-image-link\"\n                    href=\"https:\/\/tekniklingkungan.uin-malang.ac.id\/wp-content\/uploads\/2026\/09\/Prosedur-Pelaksanaan-Kerja-Praktik.jpeg\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                    aria-label=\"Lihat Prosedur Pelaksanaan Kerja Praktik dalam ukuran penuh\"\n                >\n\n                    <img decoding=\"async\"\n                        class=\"tl-kp-image\"\n                        src=\"https:\/\/tekniklingkungan.uin-malang.ac.id\/wp-content\/uploads\/2026\/09\/Prosedur-Pelaksanaan-Kerja-Praktik.jpeg\"\n                        alt=\"Diagram Prosedur Pelaksanaan Kerja Praktik Program Studi Teknik Lingkungan\"\n                        loading=\"lazy\"\n                    >\n\n                <\/a>\n\n\n                <span class=\"tl-kp-view\">\n                    \u26f6 &nbsp; Klik untuk memperbesar\n                <\/span>\n\n\n            <\/div>\n\n\n\n            <!-- INFO -->\n\n            <div class=\"tl-kp-info\">\n\n\n                <div class=\"tl-kp-info-icon\">\n                    i\n                <\/div>\n\n\n                <div>\n\n                    <strong>\n                        Informasi Prosedur\n                    <\/strong>\n\n                    <br>\n\n                    Diagram alir di atas merupakan panduan tahapan\n                    pelaksanaan Kerja Praktik. Klik gambar untuk\n                    melihat diagram dalam ukuran penuh.\n\n                <\/div>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/section>\n\n\n\n    <!-- =====================================================\n         PEDOMAN KERJA PRAKTIK\n         ===================================================== -->\n\n    <section class=\"tl-kp-section\">\n\n\n        <div class=\"tl-kp-section-header\">\n\n            <h2 class=\"tl-kp-section-title\">\n                Pedoman Kerja Praktik\n            <\/h2>\n\n\n            <div class=\"tl-kp-section-line\"><\/div>\n\n\n            <p class=\"tl-kp-section-description\">\n\n                Pedoman Kerja Praktik dapat diakses oleh seluruh mahasiswa\n                Program Studi Teknik Lingkungan sebagai acuan dalam\n                pelaksanaan dan penyusunan Kerja Praktik.\n\n            <\/p>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             GUIDE CARD\n             ================================================= -->\n\n        <div class=\"tl-kp-guide\">\n\n\n            <div class=\"tl-kp-guide-left\">\n\n\n                <div class=\"tl-kp-guide-icon\">\n                    \ud83d\udcd6\n                <\/div>\n\n\n                <div>\n\n                    <h3 class=\"tl-kp-guide-title\">\n                        Pedoman Kerja Praktik\n                    <\/h3>\n\n\n                    <p class=\"tl-kp-guide-description\">\n\n                        Akses dokumen pedoman Kerja Praktik untuk\n                        memperoleh ketentuan dan informasi yang\n                        diperlukan selama pelaksanaan Kerja Praktik.\n\n                    <\/p>\n\n                <\/div>\n\n\n            <\/div>\n\n\n\n            <!-- BUTTON -->\n\n            <a\n                class=\"tl-kp-button\"\n                href=\"https:\/\/drive.google.com\/file\/d\/1asjI34zwBPLRdtAyDE4qoUJ8sLbD9xBF\/view?usp=sharing\"\n                target=\"_blank\"\n                rel=\"noopener\"\n            >\n\n                <span>\n                    Buka Pedoman Kerja Praktik\n                <\/span>\n\n                <span class=\"tl-kp-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/a>\n\n\n        <\/div>\n\n\n\n        <p class=\"tl-kp-footer-note\">\n\n            Dokumen pedoman dapat diakses secara daring oleh mahasiswa\n            Program Studi Teknik Lingkungan.\n\n        <\/p>\n\n\n    <\/section>\n\n\n<\/div>\t\t\t\t\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Program Studi Teknik Lingkungan Kerja Praktik Informasi mengenai prosedur pelaksanaan dan pedoman Kerja Praktik bagi mahasiswa Program Studi Teknik Lingkungan. Prosedur Pelaksanaan Kerja Praktik Prosedur pelaksanaan Kerja Praktik dapat dilihat melalui diagram alir berikut. Klik gambar untuk melihat diagram dalam ukuran penuh. 01 Prosedur Pelaksanaan Kerja Praktik Diagram alir pelaksanaan Kerja Praktik \u26f6 &nbsp; Klik [&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-2127","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tekniklingkungan.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/2127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tekniklingkungan.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tekniklingkungan.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tekniklingkungan.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tekniklingkungan.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2127"}],"version-history":[{"count":4,"href":"https:\/\/tekniklingkungan.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/2127\/revisions"}],"predecessor-version":[{"id":2134,"href":"https:\/\/tekniklingkungan.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/2127\/revisions\/2134"}],"wp:attachment":[{"href":"https:\/\/tekniklingkungan.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}