{"id":2114,"date":"2026-09-28T05:39:17","date_gmt":"2026-09-28T05:39:17","guid":{"rendered":"https:\/\/tekniklingkungan.uin-malang.ac.id\/?page_id=2114"},"modified":"2026-09-28T06:32:31","modified_gmt":"2026-09-28T06:32:31","slug":"tugas-akhir","status":"publish","type":"page","link":"https:\/\/tekniklingkungan.uin-malang.ac.id\/?page_id=2114","title":{"rendered":"Tugas Akhir"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2114\" class=\"elementor elementor-2114\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5a7ff8 e-flex e-con-boxed e-con e-parent\" data-id=\"a5a7ff8\" 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-33b1c54 elementor-widget elementor-widget-text-editor\" data-id=\"33b1c54\" 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 TUGAS AKHIR\n   PROGRAM STUDI TEKNIK LINGKUNGAN\n   UIN MAULANA MALIK IBRAHIM MALANG\n\n   WARNA:\n   Hijau Tosca : #138A7E\n   Hijau Gelap : #075E57\n   Emas        : #C9A227\n   Putih       : #FFFFFF\n   ========================================================= *\/\n\n\n\/* =========================================================\n   VARIABLE\n   ========================================================= *\/\n\n.tl-ta-page {\n\n    --tl-ta-teal: #138A7E;\n    --tl-ta-teal-dark: #075E57;\n    --tl-ta-teal-deep: #064943;\n\n    --tl-ta-gold: #C9A227;\n    --tl-ta-gold-light: #F4E7AE;\n\n    --tl-ta-white: #FFFFFF;\n    --tl-ta-bg: #F7FBFA;\n\n    --tl-ta-text: #23423F;\n    --tl-ta-muted: #71827F;\n\n    --tl-ta-border: #DDEBE8;\n\n    max-width: 1200px;\n\n    margin: 0 auto;\n\n    padding:\n        25px\n        18px\n        70px;\n\n    color: var(--tl-ta-text);\n\n    font-family: inherit;\n\n    box-sizing: border-box;\n}\n\n\n\/* BOX SIZING *\/\n\n.tl-ta-page *,\n.tl-ta-page *::before,\n.tl-ta-page *::after {\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.tl-ta-hero {\n\n    position: relative;\n\n    overflow: hidden;\n\n    padding:\n        55px\n        48px;\n\n    margin-bottom: 55px;\n\n    border-radius: 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-ta-teal-deep),\n            var(--tl-ta-teal-dark) 50%,\n            var(--tl-ta-teal)\n        );\n\n    color: #FFFFFF;\n\n    box-shadow:\n        0 20px 50px\n        rgba(6,73,67,0.16);\n\n    animation:\n        tlTAHero\n        0.8s\n        ease\n        both;\n\n}\n\n\n\/* Dekorasi lingkaran *\/\n\n.tl-ta-hero::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    width: 270px;\n\n    height: 270px;\n\n    right: -105px;\n\n    top: -125px;\n\n    border:\n        2px solid\n        rgba(201,162,39,0.42);\n\n    border-radius: 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        tlTAFloat\n        7s\n        ease-in-out\n        infinite;\n\n}\n\n\n\/* Lingkaran kedua *\/\n\n.tl-ta-hero::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    width: 120px;\n\n    height: 120px;\n\n    left: -45px;\n\n    bottom: -55px;\n\n    border:\n        2px solid\n        rgba(255,255,255,0.10);\n\n    border-radius: 50%;\n\n    animation:\n        tlTAFloatReverse\n        8s\n        ease-in-out\n        infinite;\n\n}\n\n\n\/* =========================================================\n   HERO TEXT\n   ========================================================= *\/\n\n.tl-ta-kicker {\n\n    position: relative;\n\n    z-index: 2;\n\n    margin:\n        0 0 12px !important;\n\n    color:\n        var(--tl-ta-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-ta-title {\n\n    position: relative;\n\n    z-index: 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-ta-subtitle {\n\n    position: relative;\n\n    z-index: 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-ta-gold-line {\n\n    position: relative;\n\n    z-index: 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-ta-gold);\n\n    box-shadow:\n        0 0 12px\n        rgba(201,162,39,0.35);\n\n}\n\n\n\/* =========================================================\n   SECTION HEADER\n   ========================================================= *\/\n\n.tl-ta-section {\n\n    margin-top:\n        58px;\n\n}\n\n\n.tl-ta-section-header {\n\n    margin-bottom:\n        28px;\n\n    animation:\n        tlTAFadeUp\n        0.7s\n        ease\n        both;\n\n}\n\n\n.tl-ta-section-title {\n\n    margin:\n        0 !important;\n\n    color:\n        var(--tl-ta-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-ta-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-ta-gold),\n            var(--tl-ta-teal)\n        );\n\n}\n\n\n.tl-ta-section-description {\n\n    max-width:\n        760px;\n\n    margin:\n        13px 0 0 !important;\n\n    color:\n        var(--tl-ta-muted) !important;\n\n    font-size:\n        14px;\n\n    line-height:\n        1.75;\n\n}\n\n\n\/* =========================================================\n   PROCEDURE GRID\n   ========================================================= *\/\n\n.tl-ta-procedure-grid {\n\n    display:\n        grid;\n\n    grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n    gap:\n        25px;\n\n}\n\n\n\/* =========================================================\n   PROCEDURE CARD\n   ========================================================= *\/\n\n.tl-ta-procedure-card {\n\n    position:\n        relative;\n\n    overflow:\n        hidden;\n\n    border:\n        1px solid\n        var(--tl-ta-border);\n\n    border-radius:\n        20px;\n\n    background:\n        #FFFFFF;\n\n    box-shadow:\n        0 8px 25px\n        rgba(6,73,67,0.06);\n\n    opacity:\n        0;\n\n    animation:\n        tlTACard\n        0.7s\n        cubic-bezier(.2,.8,.2,1)\n        forwards;\n\n    transition:\n        transform .35s ease,\n        box-shadow .35s ease,\n        border-color .35s ease;\n\n}\n\n\n\/* Stagger *\/\n\n.tl-ta-procedure-card:nth-child(1) {\n    animation-delay: .10s;\n}\n\n.tl-ta-procedure-card:nth-child(2) {\n    animation-delay: .20s;\n}\n\n.tl-ta-procedure-card:nth-child(3) {\n    animation-delay: .30s;\n}\n\n.tl-ta-procedure-card:nth-child(4) {\n    animation-delay: .40s;\n}\n\n\n\/* Hover *\/\n\n.tl-ta-procedure-card:hover {\n\n    transform:\n        translateY(-7px);\n\n    border-color:\n        rgba(201,162,39,0.50);\n\n    box-shadow:\n        0 18px 40px\n        rgba(6,73,67,0.13);\n\n}\n\n\n\/* Gold top line *\/\n\n.tl-ta-procedure-card::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n\n    right: 0;\n\n    top: 0;\n\n    height: 3px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--tl-ta-teal),\n            var(--tl-ta-gold)\n        );\n\n    transform:\n        scaleX(0);\n\n    transform-origin:\n        left;\n\n    transition:\n        transform .4s ease;\n\n    z-index:\n        5;\n\n}\n\n\n.tl-ta-procedure-card:hover::before {\n\n    transform:\n        scaleX(1);\n\n}\n\n\n\/* =========================================================\n   PROCEDURE IMAGE\n   ========================================================= *\/\n\n.tl-ta-image {\n\n    position:\n        relative;\n\n    overflow:\n        hidden;\n\n    aspect-ratio:\n        16 \/ 10;\n\n    background:\n        #EEF5F3;\n\n}\n\n\n\/* Link *\/\n\n.tl-ta-image a {\n\n    display:\n        block;\n\n    width:\n        100%;\n\n    height:\n        100%;\n\n}\n\n\n\/* Image *\/\n\n.tl-ta-image img {\n\n    display:\n        block !important;\n\n    width:\n        100% !important;\n\n    height:\n        100% !important;\n\n    max-width:\n        none !important;\n\n    object-fit:\n        cover !important;\n\n    transition:\n        transform .65s\n        cubic-bezier(.2,.7,.2,1);\n\n}\n\n\n\/* Zoom *\/\n\n.tl-ta-procedure-card:hover\n.tl-ta-image img {\n\n    transform:\n        scale(1.055);\n\n}\n\n\n\/* Shine *\/\n\n.tl-ta-image::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.28),\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-ta-procedure-card:hover\n.tl-ta-image::after {\n\n    left:\n        140%;\n\n}\n\n\n\/* =========================================================\n   PROCEDURE CONTENT\n   ========================================================= *\/\n\n.tl-ta-card-content {\n\n    padding:\n        20px\n        21px\n        22px;\n\n}\n\n\n\/* Number *\/\n\n.tl-ta-step-number {\n\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    width:\n        37px;\n\n    height:\n        37px;\n\n    margin-bottom:\n        12px;\n\n    border-radius:\n        50%;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--tl-ta-gold),\n            #DAB63B\n        );\n\n    color:\n        #FFFFFF;\n\n    font-size:\n        13px;\n\n    font-weight:\n        800;\n\n    box-shadow:\n        0 5px 13px\n        rgba(201,162,39,0.20);\n\n    transition:\n        transform .3s ease;\n\n}\n\n\n.tl-ta-procedure-card:hover\n.tl-ta-step-number {\n\n    transform:\n        rotate(-5deg)\n        scale(1.05);\n\n}\n\n\n\/* Title *\/\n\n.tl-ta-card-title {\n\n    margin:\n        0 0 9px !important;\n\n    color:\n        var(--tl-ta-teal-dark) !important;\n\n    font-size:\n        20px !important;\n\n    line-height:\n        1.35 !important;\n\n    font-weight:\n        800 !important;\n\n}\n\n\n.tl-ta-card-description {\n\n    margin:\n        0 !important;\n\n    color:\n        var(--tl-ta-muted) !important;\n\n    font-size:\n        13px;\n\n    line-height:\n        1.65;\n\n}\n\n\n\/* =========================================================\n   CLICK IMAGE LABEL\n   ========================================================= *\/\n\n.tl-ta-view-label {\n\n    position:\n        absolute;\n\n    right:\n        14px;\n\n    bottom:\n        13px;\n\n    z-index:\n        4;\n\n    padding:\n        7px 11px;\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.82);\n\n    color:\n        #FFFFFF;\n\n    font-size:\n        10px;\n\n    font-weight:\n        700;\n\n    backdrop-filter:\n        blur(6px);\n\n    opacity:\n        0;\n\n    transform:\n        translateY(5px);\n\n    transition:\n        opacity .3s ease,\n        transform .3s ease;\n\n}\n\n\n.tl-ta-procedure-card:hover\n.tl-ta-view-label {\n\n    opacity:\n        1;\n\n    transform:\n        translateY(0);\n\n}\n\n\n\/* =========================================================\n   CONNECTOR \/ ALUR\n   ========================================================= *\/\n\n.tl-ta-flow-note {\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    gap:\n        13px;\n\n    margin-top:\n        28px;\n\n    padding:\n        17px 20px;\n\n    border-left:\n        4px solid\n        var(--tl-ta-gold);\n\n    border-radius:\n        12px;\n\n    background:\n        linear-gradient(\n            100deg,\n            #F2F9F7,\n            #FFFFFF\n        );\n\n    color:\n        #5E726F;\n\n    font-size:\n        13px;\n\n    line-height:\n        1.65;\n\n}\n\n\n.tl-ta-flow-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        35px;\n\n    height:\n        35px;\n\n    border-radius:\n        50%;\n\n    background:\n        var(--tl-ta-teal);\n\n    color:\n        #FFFFFF;\n\n    font-size:\n        15px;\n\n    font-weight:\n        800;\n\n}\n\n\n\/* =========================================================\n   PEDOMAN TA\n   ========================================================= *\/\n\n.tl-ta-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        31px 34px;\n\n    border:\n        1px solid\n        rgba(19,138,126,0.17);\n\n    border-radius:\n        20px;\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-ta-guide:hover {\n\n    transform:\n        translateY(-5px);\n\n    box-shadow:\n        0 17px 38px\n        rgba(6,73,67,0.10);\n\n}\n\n\n\/* Dekorasi *\/\n\n.tl-ta-guide::after {\n\n    content:\n        \"\";\n\n    position:\n        absolute;\n\n    width:\n        150px;\n\n    height:\n        150px;\n\n    right:\n        -65px;\n\n    top:\n        -65px;\n\n    border:\n        2px solid\n        rgba(201,162,39,0.17);\n\n    border-radius:\n        50%;\n\n}\n\n\n\/* Guide icon *\/\n\n.tl-ta-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        62px;\n\n    height:\n        62px;\n\n    border-radius:\n        17px;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--tl-ta-teal-dark),\n            var(--tl-ta-teal)\n        );\n\n    color:\n        #FFFFFF;\n\n    font-size:\n        27px;\n\n    box-shadow:\n        0 8px 18px\n        rgba(19,138,126,0.18);\n\n}\n\n\n\/* Guide left *\/\n\n.tl-ta-guide-left {\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    gap:\n        18px;\n\n    position:\n        relative;\n\n    z-index:\n        2;\n\n}\n\n\n.tl-ta-guide-title {\n\n    margin:\n        0 0 7px !important;\n\n    color:\n        var(--tl-ta-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-ta-guide-description {\n\n    margin:\n        0 !important;\n\n    color:\n        var(--tl-ta-muted) !important;\n\n    font-size:\n        13px;\n\n    line-height:\n        1.6;\n\n}\n\n\n\/* =========================================================\n   BUTTON\n   ========================================================= *\/\n\n.tl-ta-button {\n\n    position:\n        relative;\n\n    z-index:\n        3;\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        13px 20px;\n\n    border:\n        0;\n\n    border-radius:\n        10px;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--tl-ta-teal-dark),\n            var(--tl-ta-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-ta-button:hover {\n\n    transform:\n        translateY(-3px);\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--tl-ta-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\/* Arrow *\/\n\n.tl-ta-button-arrow {\n\n    font-size:\n        15px;\n\n    transition:\n        transform .3s ease;\n\n}\n\n\n.tl-ta-button:hover\n.tl-ta-button-arrow {\n\n    transform:\n        translateX(4px);\n\n}\n\n\n\/* =========================================================\n   FOOTER NOTE\n   ========================================================= *\/\n\n.tl-ta-footer-note {\n\n    margin-top:\n        30px;\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 tlTAHero {\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 tlTAFadeUp {\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 tlTACard {\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 tlTAFloat {\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 tlTAFloatReverse {\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\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 850px) {\n\n    .tl-ta-procedure-grid {\n\n        grid-template-columns:\n            1fr;\n\n    }\n\n\n    .tl-ta-guide {\n\n        align-items:\n            flex-start;\n\n        flex-direction:\n            column;\n\n    }\n\n\n    .tl-ta-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-ta-page {\n\n        padding:\n            10px\n            12px\n            50px;\n\n    }\n\n\n    .tl-ta-hero {\n\n        padding:\n            38px 24px;\n\n        border-radius:\n            21px;\n\n    }\n\n\n    .tl-ta-title {\n\n        font-size:\n            31px !important;\n\n    }\n\n\n    .tl-ta-subtitle {\n\n        font-size:\n            14px;\n\n        line-height:\n            1.7;\n\n    }\n\n\n    .tl-ta-section {\n\n        margin-top:\n            43px;\n\n    }\n\n\n    .tl-ta-section-title {\n\n        font-size:\n            25px !important;\n\n    }\n\n\n    .tl-ta-card-title {\n\n        font-size:\n            19px !important;\n\n    }\n\n\n    .tl-ta-guide {\n\n        padding:\n            24px 21px;\n\n    }\n\n\n    .tl-ta-guide-left {\n\n        align-items:\n            flex-start;\n\n    }\n\n\n    .tl-ta-guide-icon {\n\n        width:\n            53px;\n\n        height:\n            53px;\n\n        font-size:\n            22px;\n\n    }\n\n\n    .tl-ta-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-ta-page *,\n    .tl-ta-page *::before,\n    .tl-ta-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-ta-page\">\n\n\n    <!-- =====================================================\n         HERO\n         ===================================================== -->\n\n    <section class=\"tl-ta-hero\">\n\n        <p class=\"tl-ta-kicker\">\n            Program Studi Teknik Lingkungan\n        <\/p>\n\n\n        <h1 class=\"tl-ta-title\">\n            Tugas Akhir\n        <\/h1>\n\n\n        <p class=\"tl-ta-subtitle\">\n\n            Informasi mengenai prosedur pelaksanaan dan pedoman\n            Tugas Akhir bagi mahasiswa Program Studi Teknik Lingkungan.\n\n        <\/p>\n\n\n        <div class=\"tl-ta-gold-line\"><\/div>\n\n    <\/section>\n\n\n\n    <!-- =====================================================\n         PROSEDUR PELAKSANAAN TA\n         ===================================================== -->\n\n    <section class=\"tl-ta-section\">\n\n\n        <div class=\"tl-ta-section-header\">\n\n            <h2 class=\"tl-ta-section-title\">\n                Prosedur Pelaksanaan Tugas Akhir\n            <\/h2>\n\n\n            <div class=\"tl-ta-section-line\"><\/div>\n\n\n            <p class=\"tl-ta-section-description\">\n\n                Prosedur pelaksanaan Tugas Akhir terdiri atas empat\n                tahapan utama, mulai dari pengajuan Tugas Akhir hingga\n                pelaksanaan ujian Tugas Akhir dan yudisium.\n\n            <\/p>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             PROCEDURE GRID\n             ================================================= -->\n\n        <div class=\"tl-ta-procedure-grid\">\n\n\n            <!-- =============================================\n                 TAHAP 1\n                 ============================================= -->\n\n            <article class=\"tl-ta-procedure-card\">\n\n\n                <div class=\"tl-ta-image\">\n\n                    <a\n                        href=\"https:\/\/tekniklingkungan.uin-malang.ac.id\/wp-content\/uploads\/2026\/09\/Tahap-Pengajuan.jpeg\"\n                        target=\"_blank\"\n                        rel=\"noopener\"\n                        aria-label=\"Lihat diagram Tahap Pengajuan\"\n                    >\n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/tekniklingkungan.uin-malang.ac.id\/wp-content\/uploads\/2026\/09\/Tahap-Pengajuan.jpeg\"\n                            alt=\"Diagram Tahap Pengajuan Tugas Akhir\"\n                            loading=\"lazy\"\n                        >\n\n                    <\/a>\n\n\n                    <span class=\"tl-ta-view-label\">\n                        Klik untuk memperbesar\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"tl-ta-card-content\">\n\n                    <span class=\"tl-ta-step-number\">\n                        01\n                    <\/span>\n\n\n                    <h3 class=\"tl-ta-card-title\">\n                        Tahap Pengajuan\n                    <\/h3>\n\n\n                    <p class=\"tl-ta-card-description\">\n\n                        Tahapan awal pelaksanaan Tugas Akhir\n                        yang dimulai dari proses pengajuan.\n\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n\n            <!-- =============================================\n                 TAHAP 2\n                 ============================================= -->\n\n            <article class=\"tl-ta-procedure-card\">\n\n\n                <div class=\"tl-ta-image\">\n\n                    <a\n                        href=\"https:\/\/tekniklingkungan.uin-malang.ac.id\/wp-content\/uploads\/2026\/09\/Tahap-Ujian-Proposal.jpeg\"\n                        target=\"_blank\"\n                        rel=\"noopener\"\n                        aria-label=\"Lihat diagram Tahap Ujian Proposal\"\n                    >\n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/tekniklingkungan.uin-malang.ac.id\/wp-content\/uploads\/2026\/09\/Tahap-Ujian-Proposal.jpeg\"\n                            alt=\"Diagram Tahap Ujian Proposal Tugas Akhir\"\n                            loading=\"lazy\"\n                        >\n\n                    <\/a>\n\n\n                    <span class=\"tl-ta-view-label\">\n                        Klik untuk memperbesar\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"tl-ta-card-content\">\n\n                    <span class=\"tl-ta-step-number\">\n                        02\n                    <\/span>\n\n\n                    <h3 class=\"tl-ta-card-title\">\n                        Tahap Ujian Proposal\n                    <\/h3>\n\n\n                    <p class=\"tl-ta-card-description\">\n\n                        Tahapan pelaksanaan ujian proposal\n                        sebagai bagian dari proses Tugas Akhir.\n\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n\n            <!-- =============================================\n                 TAHAP 3\n                 ============================================= -->\n\n            <article class=\"tl-ta-procedure-card\">\n\n\n                <div class=\"tl-ta-image\">\n\n                    <a\n                        href=\"https:\/\/tekniklingkungan.uin-malang.ac.id\/wp-content\/uploads\/2026\/09\/Tahap-Semhas-dan-Pendaftaran-Ujian-TA.jpeg\"\n                        target=\"_blank\"\n                        rel=\"noopener\"\n                        aria-label=\"Lihat diagram Tahap Seminar Hasil dan Pendaftaran Ujian TA\"\n                    >\n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/tekniklingkungan.uin-malang.ac.id\/wp-content\/uploads\/2026\/09\/Tahap-Semhas-dan-Pendaftaran-Ujian-TA.jpeg\"\n                            alt=\"Diagram Tahap Seminar Hasil dan Pendaftaran Ujian Tugas Akhir\"\n                            loading=\"lazy\"\n                        >\n\n                    <\/a>\n\n\n                    <span class=\"tl-ta-view-label\">\n                        Klik untuk memperbesar\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"tl-ta-card-content\">\n\n                    <span class=\"tl-ta-step-number\">\n                        03\n                    <\/span>\n\n\n                    <h3 class=\"tl-ta-card-title\">\n                        Seminar Hasil &#038; Pendaftaran Ujian TA\n                    <\/h3>\n\n\n                    <p class=\"tl-ta-card-description\">\n\n                        Tahapan seminar hasil dan proses\n                        pendaftaran menuju ujian Tugas Akhir.\n\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n\n            <!-- =============================================\n                 TAHAP 4\n                 ============================================= -->\n\n            <article class=\"tl-ta-procedure-card\">\n\n\n                <div class=\"tl-ta-image\">\n\n                    <a\n                        href=\"https:\/\/tekniklingkungan.uin-malang.ac.id\/wp-content\/uploads\/2026\/09\/Tahap-Ujian-TA-dan-Yudisium.jpeg\"\n                        target=\"_blank\"\n                        rel=\"noopener\"\n                        aria-label=\"Lihat diagram Tahap Ujian TA dan Yudisium\"\n                    >\n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/tekniklingkungan.uin-malang.ac.id\/wp-content\/uploads\/2026\/09\/Tahap-Ujian-TA-dan-Yudisium.jpeg\"\n                            alt=\"Diagram Tahap Ujian Tugas Akhir dan Yudisium\"\n                            loading=\"lazy\"\n                        >\n\n                    <\/a>\n\n\n                    <span class=\"tl-ta-view-label\">\n                        Klik untuk memperbesar\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"tl-ta-card-content\">\n\n                    <span class=\"tl-ta-step-number\">\n                        04\n                    <\/span>\n\n\n                    <h3 class=\"tl-ta-card-title\">\n                        Ujian TA &#038; Yudisium\n                    <\/h3>\n\n\n                    <p class=\"tl-ta-card-description\">\n\n                        Tahap akhir pelaksanaan Tugas Akhir\n                        yang mencakup ujian Tugas Akhir dan yudisium.\n\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             NOTE\n             ================================================= -->\n\n        <div class=\"tl-ta-flow-note\">\n\n            <div class=\"tl-ta-flow-icon\">\n                i\n            <\/div>\n\n            <div>\n\n                <strong>\n                    Informasi Prosedur\n                <\/strong>\n\n                <br>\n\n                Silakan klik masing-masing diagram alir untuk\n                melihat prosedur dalam ukuran penuh.\n\n            <\/div>\n\n        <\/div>\n\n\n    <\/section>\n\n\n\n    <!-- =====================================================\n         PEDOMAN TUGAS AKHIR\n         ===================================================== -->\n\n    <section class=\"tl-ta-section\">\n\n\n        <div class=\"tl-ta-section-header\">\n\n            <h2 class=\"tl-ta-section-title\">\n                Pedoman Tugas Akhir\n            <\/h2>\n\n\n            <div class=\"tl-ta-section-line\"><\/div>\n\n\n            <p class=\"tl-ta-section-description\">\n\n                Pedoman Tugas Akhir dapat diakses oleh seluruh mahasiswa\n                Program Studi Teknik Lingkungan sebagai acuan dalam\n                pelaksanaan dan penyusunan Tugas Akhir.\n\n            <\/p>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             GUIDE CARD\n             ================================================= -->\n\n        <div class=\"tl-ta-guide\">\n\n\n            <div class=\"tl-ta-guide-left\">\n\n\n                <div class=\"tl-ta-guide-icon\">\n                    \ud83d\udcd6\n                <\/div>\n\n\n                <div>\n\n                    <h3 class=\"tl-ta-guide-title\">\n                        Pedoman Tugas Akhir\n                    <\/h3>\n\n\n                    <p class=\"tl-ta-guide-description\">\n\n                        Akses dokumen pedoman Tugas Akhir\n                        untuk memperoleh ketentuan dan informasi\n                        yang diperlukan dalam pelaksanaan Tugas Akhir.\n\n                    <\/p>\n\n                <\/div>\n\n\n            <\/div>\n\n\n\n            <!-- =================================================\n                 BUTTON GOOGLE DRIVE\n                 ================================================= -->\n\n            <a\n                class=\"tl-ta-button\"\n                href=\"https:\/\/drive.google.com\/file\/d\/1c8aQHSzpH-9KvVZKRlAxlwth4r95KnbE\/view?usp=drive_link\"\n                target=\"_blank\"\n                rel=\"noopener\"\n            >\n\n                <span>\n                    Buka Pedoman Tugas Akhir\n                <\/span>\n\n                <span class=\"tl-ta-button-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/a>\n\n\n        <\/div>\n\n\n\n        <p class=\"tl-ta-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 Tugas Akhir Informasi mengenai prosedur pelaksanaan dan pedoman Tugas Akhir bagi mahasiswa Program Studi Teknik Lingkungan. Prosedur Pelaksanaan Tugas Akhir Prosedur pelaksanaan Tugas Akhir terdiri atas empat tahapan utama, mulai dari pengajuan Tugas Akhir hingga pelaksanaan ujian Tugas Akhir dan yudisium. Klik untuk memperbesar 01 Tahap Pengajuan Tahapan awal pelaksanaan Tugas [&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-2114","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tekniklingkungan.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/2114","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=2114"}],"version-history":[{"count":4,"href":"https:\/\/tekniklingkungan.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/2114\/revisions"}],"predecessor-version":[{"id":2126,"href":"https:\/\/tekniklingkungan.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/2114\/revisions\/2126"}],"wp:attachment":[{"href":"https:\/\/tekniklingkungan.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}