{"id":130,"date":"2025-06-26T08:38:06","date_gmt":"2025-06-26T08:38:06","guid":{"rendered":"https:\/\/staging-tekniksipil.uin-malang.ac.id\/?page_id=130"},"modified":"2026-09-10T03:36:21","modified_gmt":"2026-09-10T03:36:21","slug":"tentang","status":"publish","type":"page","link":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/tentang\/","title":{"rendered":"Tentang"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"130\" class=\"elementor elementor-130\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4f6b86ea elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle\" data-id=\"4f6b86ea\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6e071b9b\" data-id=\"6e071b9b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-7e422ff1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7e422ff1\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-1d61c09d\" data-id=\"1d61c09d\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-84c99a6 elementor-widget elementor-widget-heading\" data-id=\"84c99a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tentang Prodi<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7dc98139 elementor-section-items-top elementor-section-content-top elementor-section-height-min-height elementor-reverse-mobile elementor-reverse-tablet elementor-section-boxed elementor-section-height-default\" data-id=\"7dc98139\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-46d051c3\" data-id=\"46d051c3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-6a23fab3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6a23fab3\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-50c55860\" data-id=\"50c55860\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4fc62776 elementor-widget elementor-widget-image\" data-id=\"4fc62776\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1080\" height=\"1080\" src=\"https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/Teknik-Sipil-8.png\" class=\"attachment-full size-full wp-image-273\" alt=\"\" srcset=\"https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/Teknik-Sipil-8.png 1080w, https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/Teknik-Sipil-8-300x300.png 300w, https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/Teknik-Sipil-8-1024x1024.png 1024w, https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/Teknik-Sipil-8-150x150.png 150w, https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/Teknik-Sipil-8-768x768.png 768w, https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/Teknik-Sipil-8-12x12.png 12w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/>\t\t\t\t\t\t\t\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<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-6bddf6a9\" data-id=\"6bddf6a9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-21eb4f26 elementor-widget elementor-widget-image\" data-id=\"21eb4f26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1080\" height=\"1080\" src=\"https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/Teknik-Sipil-7.png\" class=\"attachment-full size-full wp-image-271\" alt=\"\" srcset=\"https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/Teknik-Sipil-7.png 1080w, https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/Teknik-Sipil-7-300x300.png 300w, https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/Teknik-Sipil-7-1024x1024.png 1024w, https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/Teknik-Sipil-7-150x150.png 150w, https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/Teknik-Sipil-7-768x768.png 768w, https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/Teknik-Sipil-7-12x12.png 12w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/>\t\t\t\t\t\t\t\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-40d6c80c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"40d6c80c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-414f4072\" data-id=\"414f4072\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-18724a4a elementor-widget elementor-widget-image\" data-id=\"18724a4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"658\" src=\"https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/IMG_4099-scaled-e1752026602759-1024x842.jpg\" class=\"attachment-large size-large wp-image-261\" alt=\"\" srcset=\"https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/IMG_4099-scaled-e1752026602759-1024x842.jpg 1024w, https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/IMG_4099-scaled-e1752026602759-300x247.jpg 300w, https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/IMG_4099-scaled-e1752026602759-768x632.jpg 768w, https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/IMG_4099-scaled-e1752026602759-1536x1263.jpg 1536w, https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/IMG_4099-scaled-e1752026602759-15x12.jpg 15w, https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/IMG_4099-scaled-e1752026602759.jpg 1933w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2d7684f2\" data-id=\"2d7684f2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dccb13a elementor-widget elementor-widget-text-editor\" data-id=\"dccb13a\" 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<!-- Load Font Awesome 6 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', Roboto, 'Helvetica Neue', Arial, sans-serif;\n}\n\n\/* CONTAINER UTAMA TRANSPARAN *\/\n.prodi-container {\n    width: 100%;\n    max-width: 950px;\n    margin: 0 auto;\n    padding: 15px 10px;\n    background: transparent;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n\/* BANNER KEILMUAN ATAS *\/\n.keilmuan-banner {\n    background: rgba(255, 145, 77, 0.12);\n    border-left: 5px solid #ff914d;\n    border-radius: 8px;\n    padding: 10px 16px;\n    font-size: 14px;\n    font-weight: 700;\n    color: #d96f28;\n    line-height: 1.45;\n}\n\n\/* SEKSI JUDUL (VISI, MISI) *\/\n.section-title {\n    font-size: 18px;\n    font-weight: 800;\n    color: #ff914d;\n    letter-spacing: 0.5px;\n    margin-bottom: 6px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    border-bottom: 2px solid rgba(255, 145, 77, 0.3);\n    padding-bottom: 4px;\n}\n\n.section-title i {\n    color: #ff914d;\n}\n\n\/* KARTU UTAMA DENGAN WARNA ORANGE #ff914d *\/\n.prodi-card {\n    background-color: #ff914d !important;\n    border: 1.5px solid #e07d3a;\n    border-radius: 10px;\n    padding: 10px 14px;\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    user-select: none;\n    cursor: pointer;\n    margin-bottom: 8px;\n    box-shadow: 0 3px 8px rgba(255, 145, 77, 0.2);\n    \n    \/* TRANSISI ANIMASI MEMBESAR \/ ZOOM & HOVER *\/\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;\n}\n\n.prodi-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 14px rgba(255, 145, 77, 0.35);\n}\n\n\/* EFEK ANIMASI ZOOM KETIKA DIKLIK (CLASS IS-ZOOMED) *\/\n.prodi-card.is-zoomed {\n    transform: scale(1.04) !important; \/* Animasi Zoom In Membesar *\/\n    box-shadow: 0 10px 25px rgba(255, 145, 77, 0.6), 0 0 15px rgba(255, 255, 255, 0.5) !important;\n    border-color: #ffffff !important;\n    z-index: 5;\n}\n\n\/* BINGKAI IKON KIRI *\/\n.card-icon-box {\n    width: 32px;\n    height: 32px;\n    border-radius: 8px;\n    background-color: rgba(255, 255, 255, 0.25);\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin-top: 2px;\n    transition: transform 0.3s ease;\n}\n\n.prodi-card.is-zoomed .card-icon-box {\n    transform: rotate(6deg) scale(1.1);\n    background-color: rgba(255, 255, 255, 0.4);\n}\n\n.card-icon-box i {\n    font-size: 15px;\n    color: #ffffff;\n}\n\n\/* KONTEN TEKS KANAN *\/\n.card-content-area {\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    width: 100%;\n}\n\n\/* LABEL BAGIAN ATAS (MISI 1, MISI 2, DST.) *\/\n.card-label-top {\n    font-size: 13.5px;\n    font-weight: 800;\n    color: #fff7ed;\n    letter-spacing: 0.3px;\n}\n\n\/* ISI DESKRIPSI DI BAGIAN BAWAH *\/\n.card-body-text {\n    font-size: 13px;\n    line-height: 1.45;\n    color: #ffffff !important;\n    font-weight: 500;\n    text-align: justify;\n    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n\n\/* RESPONSIVE UNTUK HP *\/\n@media (max-width: 600px) {\n    .prodi-card {\n        padding: 8px 10px;\n        gap: 10px;\n    }\n    .card-body-text {\n        font-size: 12px;\n    }\n    .section-title {\n        font-size: 16px;\n    }\n}\n<\/style>\n\n<div class=\"prodi-container\">\n    \n    <!-- BANNER KEILMUAN -->\n    <div class=\"keilmuan-banner\">\n        Keilmuan Teknik Sipil UIN Maulana Malik Ibrahim Malang yang ber-Integrasi dengan Islam, menjadi ciri khas dan keunikan jika dibandingkan dengan Prodi Teknik Sipil yang lain.\n    <\/div>\n\n    <!-- VISI KEILMUAN PRODI -->\n    <div>\n        <div class=\"section-title\">\n            <i class=\"fa-solid fa-compass\"><\/i> VISI KEILMUAN PRODI\n        <\/div>\n        <div class=\"prodi-card\">\n            <div class=\"card-icon-box\">\n                <i class=\"fa-solid fa-eye\"><\/i>\n            <\/div>\n            <div class=\"card-content-area\">\n                <div class=\"card-body-text\">\n                    Menjadi Program Studi yang integratif dalam pengembangan Teknik Sipil berlandaskan nilai-nilai keislaman dan sains teknologi dalam skala global.\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- MISI PRODI -->\n    <div>\n        <div class=\"section-title\">\n            <i class=\"fa-solid fa-bullseye\"><\/i> MISI PRODI\n        <\/div>\n        \n        <!-- Misi 1 -->\n        <div class=\"prodi-card\">\n            <div class=\"card-icon-box\"><i class=\"fa-solid fa-book-quran\"><\/i><\/div>\n            <div class=\"card-content-area\">\n                <div class=\"card-label-top\">Misi 1<\/div>\n                <div class=\"card-body-text\">\n                    Menyelenggarakan pendidikan Teknik Sipil yang unggul dengan penguatan integrasi nilai-nilai keislaman, etika profesi, dan sains teknologi.\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Misi 2 -->\n        <div class=\"prodi-card\">\n            <div class=\"card-icon-box\"><i class=\"fa-solid fa-microscope\"><\/i><\/div>\n            <div class=\"card-content-area\">\n                <div class=\"card-label-top\">Misi 2<\/div>\n                <div class=\"card-body-text\">\n                    Meningkatkan kegiatan penelitian untuk mengembangkan ilmu pengetahuan dan teknologi dalam bidang Teknik Sipil yang inovatif dan relevan seperti <i>sustainable infrastructure<\/i>, ketahanan bencana, lingkungan, <i>smart city<\/i> yang berkontribusi pada kemaslahatan umat.\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Misi 3 -->\n        <div class=\"prodi-card\">\n            <div class=\"card-icon-box\"><i class=\"fa-solid fa-handshake-angle\"><\/i><\/div>\n            <div class=\"card-content-area\">\n                <div class=\"card-label-top\">Misi 3<\/div>\n                <div class=\"card-body-text\">\n                    Melaksanakan kegiatan pengabdian kepada masyarakat berbasis keilmuan Teknik Sipil yang integratif, berkeadilan, dan berkelanjutan.\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Misi 4 -->\n        <div class=\"prodi-card\">\n            <div class=\"card-icon-box\"><i class=\"fa-solid fa-building-user\"><\/i><\/div>\n            <div class=\"card-content-area\">\n                <div class=\"card-label-top\">Misi 4<\/div>\n                <div class=\"card-body-text\">\n                    Membangun tata kelola prodi yang akuntabel, adaptif, dan berorientasi mutu untuk menegakkan <i>Good University Governance<\/i>.\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Misi 5 -->\n        <div class=\"prodi-card\">\n            <div class=\"card-icon-box\"><i class=\"fa-solid fa-globe\"><\/i><\/div>\n            <div class=\"card-content-area\">\n                <div class=\"card-label-top\">Misi 5<\/div>\n                <div class=\"card-body-text\">\n                    Meningkatkan jejaring kolaborasi nasional\u2013internasional dengan industri, pemerintah, asosiasi profesi, dan perguruan tinggi.\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<!-- JAVASCRIPT MEMICU ANIMASI ZOOM DENGAN KLIK -->\n<script>\n(function() {\n    function initZoomEffect() {\n        const cards = document.querySelectorAll(\".prodi-card\");\n\n        cards.forEach(card => {\n            card.addEventListener(\"click\", function() {\n                \/\/ Berpindah status zoom (membesar & meredup kembali saat diklik ulang)\n                this.classList.toggle(\"is-zoomed\");\n            });\n        });\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initZoomEffect);\n    } else {\n        initZoomEffect();\n    }\n})();\n<\/script>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c7a7df1 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"2c7a7df1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"https:\/\/drive.google.com\/file\/d\/1Ucs_nGK46kxfGi-wOCxHjfzIKVQfWdGN\/view?usp=drive_link\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Integrasi Keilmuan Teknik Sipil<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-87c0cb2 e-flex e-con-boxed e-con e-parent\" data-id=\"87c0cb2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-abf8a5a e-con-full e-flex e-con e-child\" data-id=\"abf8a5a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2f4a27 elementor-widget elementor-widget-text-editor\" data-id=\"d2f4a27\" 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<!-- Load Font Awesome 6 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', Roboto, 'Helvetica Neue', Arial, sans-serif;\n}\n\n\/* CONTAINER UTAMA LEBAR PENUH (100% CONTAINER WIDTH) *\/\n.ppm-fullwidth-container {\n    width: 100% !important;\n    max-width: 100% !important;\n    margin: 0;\n    padding: 10px 0;\n    background: transparent;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n\/* HEADER TITLE LEBAR PENUH *\/\n.ppm-full-header {\n    width: 100% !important;\n    background-color: #ff914d !important;\n    border: 1px solid #e07d3a;\n    border-radius: 14px;\n    padding: 14px 20px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    box-shadow: 0 4px 12px rgba(255, 145, 77, 0.25);\n}\n\n.header-text-group h2 {\n    font-size: 30px;\n    font-weight: 800;\n    color: #ffffff !important;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);\n}\n\n.header-text-group h3 {\n    font-size: 20px;\n    font-weight: 700;\n    color: #fff7ed !important;\n    margin-top: 2px;\n}\n\n.header-icon-box {\n    width: 38px;\n    height: 38px;\n    background: rgba(255, 255, 255, 0.25);\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.header-icon-box i {\n    font-size: 18px;\n    color: #ffffff;\n}\n\n\/* KARTU MENU LEBAR PENUH 100% *\/\n.ppm-full-card {\n    width: 100% !important;\n    background-color: #ff914d !important;\n    border: 1.5px solid #e07d3a;\n    border-radius: 12px;\n    padding: 12px 16px;\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    user-select: none;\n    cursor: pointer;\n    box-shadow: 0 3px 8px rgba(255, 145, 77, 0.2);\n    \n    \/* TRANSISI ANIMASI ZOOM *\/\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;\n}\n\n.ppm-full-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 14px rgba(255, 145, 77, 0.35);\n}\n\n\/* ANIMASI ZOOM DENGAN EFEK SHIMMER KETIKA DIKLIK *\/\n.ppm-full-card.is-zoomed {\n    transform: scale(1.015) !important;\n    box-shadow: 0 8px 20px rgba(255, 145, 77, 0.5), 0 0 12px rgba(255, 255, 255, 0.6) !important;\n    border-color: #ffffff !important;\n    z-index: 5;\n}\n\n\/* BINGKAI IKON KIRI *\/\n.card-icon-box {\n    width: 34px;\n    height: 34px;\n    border-radius: 8px;\n    background-color: rgba(255, 255, 255, 0.25);\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin-top: 1px;\n    transition: transform 0.3s ease, background-color 0.3s ease;\n}\n\n.ppm-full-card.is-zoomed .card-icon-box {\n    transform: rotate(6deg) scale(1.1);\n    background-color: rgba(255, 255, 255, 0.4);\n}\n\n.card-icon-box i {\n    font-size: 16px;\n    color: #ffffff;\n}\n\n\/* AREA TEKS DESKRIPSI *\/\n.card-content-area {\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    width: 100%;\n}\n\n.card-label-top {\n    font-size: 14px;\n    font-weight: 800;\n    color: #fff7ed !important;\n    letter-spacing: 0.3px;\n}\n\n.card-body-text {\n    font-size: 13.5px;\n    line-height: 1.5;\n    color: #ffffff !important;\n    font-weight: 500;\n    text-align: justify;\n    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);\n}\n\n.card-body-text i {\n    font-style: italic;\n}\n\n\/* RESPONSIVE UNTUK HP *\/\n@media (max-width: 600px) {\n    .ppm-full-header {\n        padding: 10px 14px;\n    }\n    .header-text-group h2 {\n        font-size: 15px;\n    }\n    .header-text-group h3 {\n        font-size: 12px;\n    }\n    .ppm-full-card {\n        padding: 10px 12px;\n        gap: 10px;\n    }\n    .card-body-text {\n        font-size: 12.5px;\n    }\n}\n<\/style>\n\n<div class=\"ppm-fullwidth-container\">\n    \n    <!-- HEADER PROFIL (FULL WIDTH 100%) -->\n    <div class=\"ppm-full-header\">\n        <div class=\"header-text-group\">\n            <h2>PROFIL PROFESIONAL MANDIRI (PPM)<\/h2>\n            <h3>Teknik Sipil UIN Malang<\/h3>\n        <\/div>\n        <div class=\"header-icon-box\">\n            <i class=\"fa-solid fa-helmet-safety\"><\/i>\n        <\/div>\n    <\/div>\n\n    <!-- KARTU MENU PPM-1 (FULL WIDTH 100%) -->\n    <div class=\"ppm-full-card\">\n        <div class=\"card-icon-box\">\n            <i class=\"fa-solid fa-building-circle-check\"><\/i>\n        <\/div>\n        <div class=\"card-content-area\">\n            <div class=\"card-label-top\">PPM-1<\/div>\n            <div class=\"card-body-text\">\n                Lulusan yang mampu menerapkan prinsip sains dan teknologi dalam bidang ketekniksipilan untuk merencanakan, merancang, dan mengelola infrastruktur yang tangguh, dan berkelanjutan.\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- KARTU MENU PPM-2 (FULL WIDTH 100%) -->\n    <div class=\"ppm-full-card\">\n        <div class=\"card-icon-box\">\n            <i class=\"fa-solid fa-user-gear\"><\/i>\n        <\/div>\n        <div class=\"card-content-area\">\n            <div class=\"card-label-top\">PPM-2<\/div>\n            <div class=\"card-body-text\">\n                Lulusan yang memiliki jiwa profesional, berintegritas, <i>technopreneur<\/i> yang kreatif, inovatif dan adaptif serta memiliki karakter ulul albab untuk senantiasa mengembangkan diri melalui prinsip belajar sepanjang masa.\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<!-- JAVASCRIPT ANIMASI ZOOM INTERAKTIF -->\n<script>\n(function() {\n    function initFullWidthZoom() {\n        const cards = document.querySelectorAll(\".ppm-full-card\");\n\n        cards.forEach(card => {\n            card.addEventListener(\"click\", function() {\n                this.classList.toggle(\"is-zoomed\");\n            });\n        });\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initFullWidthZoom);\n    } else {\n        initFullWidthZoom();\n    }\n})();\n<\/script>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f79a1 elementor-widget elementor-widget-text-editor\" data-id=\"35f79a1\" 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<!-- Font Awesome 6 & Google Fonts -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\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=Plus+Jakarta+Sans:wght@500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n.ppl-fullwidth-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    padding: 0;\n    background: transparent;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n    box-sizing: border-box;\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n\n.ppl-fullwidth-container * {\n    box-sizing: border-box;\n}\n\n\/* BANNER HEADER ORANGE KEEMASAN *\/\n.ppl-title-banner {\n    width: 100%;\n    background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #c2410c 100%);\n    border: 1px solid #fdba74;\n    border-radius: 14px;\n    padding: 16px 22px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    box-shadow: 0 8px 20px rgba(234, 88, 12, 0.22);\n    gap: 14px;\n}\n\n.ppl-title-banner h2 {\n    font-size: 16.5px;\n    font-weight: 800;\n    color: #ffffff;\n    letter-spacing: 0.6px;\n    text-transform: uppercase;\n    margin: 0;\n    line-height: 1.4;\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n.ppl-title-banner .title-icon-box {\n    width: 42px;\n    height: 42px;\n    background: rgba(255, 255, 255, 0.2);\n    border: 1.5px solid rgba(255, 255, 255, 0.45);\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.ppl-title-banner .title-icon-box i {\n    font-size: 19px;\n    color: #ffffff;\n}\n\n\/* WRAPPER TABEL RESPONSIVE *\/\n.ppl-table-wrapper {\n    width: 100%;\n    overflow-x: auto;\n    border-radius: 14px;\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);\n    border: 1.5px solid #fed7aa;\n    background: #ffffff;\n}\n\n\/* TABEL UTAMA *\/\n.ppl-table {\n    width: 100%;\n    min-width: 650px;\n    border-collapse: collapse;\n    background-color: #ffffff;\n    text-align: left;\n}\n\n\/* HEADER TABEL *\/\n.ppl-table thead tr {\n    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);\n    color: #ffffff;\n}\n\n.ppl-table th {\n    padding: 15px 20px;\n    font-size: 13.5px;\n    font-weight: 800;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n    border-bottom: 2px solid #9a3412;\n}\n\n.ppl-table th.col-profil {\n    width: 32%;\n    border-right: 1px solid rgba(255, 255, 255, 0.25);\n}\n\n\/* BARIS DATA *\/\n.ppl-table tbody tr {\n    border-bottom: 1px solid #ffedd5;\n    cursor: pointer;\n    transition: all 0.2s ease-in-out;\n}\n\n.ppl-table tbody tr:last-child {\n    border-bottom: none;\n}\n\n.ppl-table tbody tr:nth-child(even) {\n    background-color: #fffaf5;\n}\n\n\/* HOVER EFFECT *\/\n.ppl-table tbody tr:hover {\n    background-color: #fff1e6 !important;\n}\n\n\/* EFEK KLIK (IS-ACTIVE) *\/\n.ppl-table tbody tr.is-active {\n    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;\n}\n\n.ppl-table tbody tr.is-active td {\n    color: #ffffff !important;\n}\n\n.ppl-table tbody tr.is-active .badge-role {\n    background-color: #ffffff !important;\n    color: #c2410c !important;\n    border-color: #ffffff !important;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n\n.ppl-table tbody tr.is-active .badge-role i {\n    color: #ea580c !important;\n}\n\n\/* KOLOM PROFIL LULUSAN *\/\n.ppl-table td.col-profil-cell {\n    padding: 14px 18px;\n    border-right: 1px solid #ffedd5;\n    vertical-align: middle;\n}\n\n.badge-role {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 7px 12px;\n    background-color: #fff7ed;\n    border: 1.5px solid #fed7aa;\n    border-radius: 8px;\n    color: #c2410c;\n    font-weight: 800;\n    font-size: 13px;\n    letter-spacing: 0.3px;\n    transition: all 0.2s ease-in-out;\n}\n\n.badge-role i {\n    color: #ea580c;\n    font-size: 13.5px;\n}\n\n\/* KOLOM DESKRIPSI *\/\n.ppl-table td.col-deskripsi {\n    padding: 15px 22px;\n    font-size: 13.5px;\n    line-height: 1.65;\n    color: #334155;\n    font-weight: 500;\n    transition: color 0.2s ease-in-out;\n}\n\n\/* RESPONSIVE SMARTPHONE *\/\n@media (max-width: 640px) {\n    .ppl-title-banner {\n        padding: 12px 16px;\n    }\n    .ppl-title-banner h2 {\n        font-size: 13.5px;\n    }\n    .ppl-title-banner .title-icon-box {\n        width: 34px;\n        height: 34px;\n    }\n    .ppl-title-banner .title-icon-box i {\n        font-size: 15px;\n    }\n    .ppl-table th {\n        font-size: 12px;\n        padding: 12px 14px;\n    }\n    .ppl-table td.col-deskripsi {\n        font-size: 12.5px;\n        padding: 12px 14px;\n    }\n    .badge-role {\n        font-size: 12px;\n        padding: 5px 8px;\n    }\n}\n<\/style>\n\n<div class=\"ppl-fullwidth-container\">\n    <!-- BANNER JUDUL -->\n    <div class=\"ppl-title-banner\">\n        <h2>Profil Peran Lulusan Teknik Sipil UIN Malang<\/h2>\n        <div class=\"title-icon-box\">\n            <i class=\"fa-solid fa-user-gear\"><\/i>\n        <\/div>\n    <\/div>\n\n    <!-- TABEL DATA -->\n    <div class=\"ppl-table-wrapper\">\n        <table class=\"ppl-table\">\n            <thead>\n                <tr>\n                    <th class=\"col-profil\">Profil Lulusan<\/th>\n                    <th>Deskripsi<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody>\n                <!-- Junior Civil Engineer -->\n                <tr>\n                    <td class=\"col-profil-cell\">\n                        <span class=\"badge-role\"><i class=\"fa-solid fa-hard-hat\"><\/i> Junior Civil Engineer<\/span>\n                    <\/td>\n                    <td class=\"col-deskripsi\">Mampu melakukan perhitungan, analisis, dan desain awal pekerjaan teknik sipil sesuai standar.<\/td>\n                <\/tr>\n                <!-- Site Engineer -->\n                <tr>\n                    <td class=\"col-profil-cell\">\n                        <span class=\"badge-role\"><i class=\"fa-solid fa-trowel-bricks\"><\/i> Site Engineer<\/span>\n                    <\/td>\n                    <td class=\"col-deskripsi\">Mampu mendukung pelaksanaan konstruksi, pengendalian mutu, waktu, biaya, dan K3.<\/td>\n                <\/tr>\n                <!-- Assistant Structural Engineer -->\n                <tr>\n                    <td class=\"col-profil-cell\">\n                        <span class=\"badge-role\"><i class=\"fa-solid fa-building\"><\/i> Assistant Structural Engineer<\/span>\n                    <\/td>\n                    <td class=\"col-deskripsi\">Mampu membantu analisis dan desain struktur beton\/baja sederhana.<\/td>\n                <\/tr>\n                <!-- Assistant Geotechnical Engineer -->\n                <tr>\n                    <td class=\"col-profil-cell\">\n                        <span class=\"badge-role\"><i class=\"fa-solid fa-mountain\"><\/i> Assistant Geotechnical Engineer<\/span>\n                    <\/td>\n                    <td class=\"col-deskripsi\">Mampu melakukan analisis tanah, pondasi, dan stabilitas sederhana.<\/td>\n                <\/tr>\n                <!-- Assistant Transportation Engineer -->\n                <tr>\n                    <td class=\"col-profil-cell\">\n                        <span class=\"badge-role\"><i class=\"fa-solid fa-road\"><\/i> Assistant Transportation Engineer<\/span>\n                    <\/td>\n                    <td class=\"col-deskripsi\">Mampu menganalisis lalu lintas, geometrik jalan, dan perkerasan.<\/td>\n                <\/tr>\n                <!-- Assistant Water Resources Engineer -->\n                <tr>\n                    <td class=\"col-profil-cell\">\n                        <span class=\"badge-role\"><i class=\"fa-solid fa-water\"><\/i> Assistant Water Resources Engineer<\/span>\n                    <\/td>\n                    <td class=\"col-deskripsi\">Mampu mendukung perencanaan hidrologi, hidraulika, drainase, dan pengendalian banjir.<\/td>\n                <\/tr>\n                <!-- Construction Planner\/Estimator -->\n                <tr>\n                    <td class=\"col-profil-cell\">\n                        <span class=\"badge-role\"><i class=\"fa-solid fa-calculator\"><\/i> Construction Planner\/Estimator<\/span>\n                    <\/td>\n                    <td class=\"col-deskripsi\">Mampu menyusun RAB, penjadwalan, metode kerja, dan evaluasi proyek.<\/td>\n                <\/tr>\n                <!-- Civil Technopreneur -->\n                <tr>\n                    <td class=\"col-profil-cell\">\n                        <span class=\"badge-role\"><i class=\"fa-solid fa-lightbulb\"><\/i> Civil Technopreneur<\/span>\n                    <\/td>\n                    <td class=\"col-deskripsi\">Mampu mengembangkan usaha\/inovasi berbasis teknologi konstruksi dan nilai Islam.<\/td>\n                <\/tr>\n                <!-- Calon peneliti\/studi lanjut -->\n                <tr>\n                    <td class=\"col-profil-cell\">\n                        <span class=\"badge-role\"><i class=\"fa-solid fa-graduation-cap\"><\/i> Calon peneliti\/studi lanjut<\/span>\n                    <\/td>\n                    <td class=\"col-deskripsi\">Mampu melakukan penelitian dasar-terapan dan melanjutkan studi.<\/td>\n                <\/tr>\n            <\/tbody>\n        <\/table>\n    <\/div>\n<\/div>\n\n<!-- JAVASCRIPT KLIK BARIS AKTIF -->\n<script>\n(function() {\n    function initProfileTable() {\n        const tableRows = document.querySelectorAll(\".ppl-table tbody tr\");\n        tableRows.forEach(row => {\n            row.addEventListener(\"click\", function() {\n                this.classList.toggle(\"is-active\");\n            });\n        });\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initProfileTable);\n    } else {\n        initProfileTable();\n    }\n})();\n<\/script>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3cb0c41 elementor-widget elementor-widget-text-editor\" data-id=\"3cb0c41\" 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<!-- Font Awesome 6 & Google Fonts -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\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=Plus+Jakarta+Sans:wght@500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* CONTAINER UTAMA *\/\n.cpl-fullwidth-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    padding: 0;\n    background: transparent;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n    box-sizing: border-box;\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n\n.cpl-fullwidth-container * {\n    box-sizing: border-box;\n}\n\n\/* BANNER JUDUL UTAMA (ORANGE KEEMASAN) *\/\n.cpl-title-banner {\n    width: 100%;\n    background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #c2410c 100%);\n    border: 1px solid #fdba74;\n    border-radius: 14px;\n    padding: 16px 22px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    box-shadow: 0 8px 20px rgba(234, 88, 12, 0.22);\n    gap: 14px;\n}\n\n.cpl-title-banner h2 {\n    font-size: 16.5px;\n    font-weight: 800;\n    color: #ffffff;\n    letter-spacing: 0.6px;\n    text-transform: uppercase;\n    margin: 0;\n    line-height: 1.4;\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n.cpl-title-banner .title-icon-box {\n    width: 42px;\n    height: 42px;\n    background: rgba(255, 255, 255, 0.2);\n    border: 1.5px solid rgba(255, 255, 255, 0.45);\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.cpl-title-banner .title-icon-box i {\n    font-size: 19px;\n    color: #ffffff;\n}\n\n\/* WRAPPER TABEL RESPONSIVE *\/\n.cpl-table-wrapper {\n    width: 100%;\n    overflow-x: auto;\n    border-radius: 14px;\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);\n    border: 1.5px solid #fed7aa;\n    background: #ffffff;\n}\n\n\/* DESAIN TABEL UTAMA *\/\n.cpl-table {\n    width: 100%;\n    min-width: 620px;\n    border-collapse: collapse;\n    background-color: #ffffff;\n    text-align: left;\n}\n\n\/* HEADER TABEL *\/\n.cpl-table thead tr {\n    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);\n    color: #ffffff;\n}\n\n.cpl-table th {\n    padding: 15px 20px;\n    font-size: 13.5px;\n    font-weight: 800;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n    border-bottom: 2px solid #9a3412;\n}\n\n.cpl-table th.col-kode {\n    width: 120px;\n    text-align: center;\n    border-right: 1px solid rgba(255, 255, 255, 0.25);\n}\n\n\/* BARIS DATA TABEL *\/\n.cpl-table tbody tr {\n    border-bottom: 1px solid #ffedd5;\n    cursor: pointer;\n    transition: all 0.2s ease-in-out;\n}\n\n.cpl-table tbody tr:last-child {\n    border-bottom: none;\n}\n\n.cpl-table tbody tr:nth-child(even) {\n    background-color: #fffaf5;\n}\n\n\/* HOVER EFFECT *\/\n.cpl-table tbody tr:hover {\n    background-color: #fff1e6 !important;\n}\n\n\/* EFEK KLIK (IS-ACTIVE) *\/\n.cpl-table tbody tr.is-active {\n    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;\n}\n\n.cpl-table tbody tr.is-active td {\n    color: #ffffff !important;\n}\n\n.cpl-table tbody tr.is-active .badge-kode {\n    background-color: #ffffff !important;\n    color: #c2410c !important;\n    border-color: #ffffff !important;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n\n\/* KOLOM KODE *\/\n.cpl-table td.col-kode-cell {\n    text-align: center;\n    padding: 14px 12px;\n    border-right: 1px solid #ffedd5;\n    vertical-align: middle;\n}\n\n.badge-kode {\n    display: inline-block;\n    padding: 6px 12px;\n    background-color: #fff7ed;\n    border: 1.5px solid #fed7aa;\n    border-radius: 8px;\n    color: #ea580c;\n    font-weight: 800;\n    font-size: 13px;\n    letter-spacing: 0.5px;\n    transition: all 0.2s ease-in-out;\n}\n\n\/* KOLOM DESKRIPSI *\/\n.cpl-table td.col-deskripsi {\n    padding: 15px 22px;\n    font-size: 13.5px;\n    line-height: 1.65;\n    color: #334155;\n    font-weight: 500;\n    transition: color 0.2s ease-in-out;\n}\n\n.cpl-table td.col-deskripsi i {\n    font-style: italic;\n}\n\n\/* RESPONSIVE SMARTPHONE *\/\n@media (max-width: 640px) {\n    .cpl-title-banner {\n        padding: 12px 16px;\n    }\n    .cpl-title-banner h2 {\n        font-size: 13.5px;\n    }\n    .cpl-title-banner .title-icon-box {\n        width: 34px;\n        height: 34px;\n    }\n    .cpl-title-banner .title-icon-box i {\n        font-size: 15px;\n    }\n    .cpl-table th {\n        font-size: 12.5px;\n        padding: 12px 14px;\n    }\n    .cpl-table td.col-deskripsi {\n        font-size: 12.5px;\n        padding: 12px 14px;\n    }\n    .badge-kode {\n        font-size: 12px;\n        padding: 4px 8px;\n    }\n}\n<\/style>\n\n<div class=\"cpl-fullwidth-container\">\n    <!-- BANNER JUDUL UTAMA -->\n    <div class=\"cpl-title-banner\">\n        <h2>Capaian Profil Lulusan (CPL) Teknik Sipil UIN Malang<\/h2>\n        <div class=\"title-icon-box\">\n            <i class=\"fa-solid fa-graduation-cap\"><\/i>\n        <\/div>\n    <\/div>\n\n    <!-- TABEL DATA CPL -->\n    <div class=\"cpl-table-wrapper\">\n        <table class=\"cpl-table\">\n            <thead>\n                <tr>\n                    <th class=\"col-kode\">Kode<\/th>\n                    <th>Deskripsi Capaian Pembelajaran Lulusan (CPL)<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody>\n                <!-- CPL01 -->\n                <tr>\n                    <td class=\"col-kode-cell\"><span class=\"badge-kode\">CPL01<\/span><\/td>\n                    <td class=\"col-deskripsi\">Mampu menunjukkan ketakwaan kepada Allah SWT dengan mencerminkan karakter Ulul Albab (kedalaman spiritual, keluhuran akhlak, keluasan ilmu, dan kematangan profesional) dalam menjalankan profesi Teknik Sipil sepanjang hayat.<\/td>\n                <\/tr>\n                <!-- CPL02 -->\n                <tr>\n                    <td class=\"col-kode-cell\"><span class=\"badge-kode\">CPL02<\/span><\/td>\n                    <td class=\"col-deskripsi\">Mampu menerapkan konsep matematika, sains dasar dan prinsip rekayasa sipil untuk menyelesaikan persoalan infrastruktur.<\/td>\n                <\/tr>\n                <!-- CPL03 -->\n                <tr>\n                    <td class=\"col-kode-cell\"><span class=\"badge-kode\">CPL03<\/span><\/td>\n                    <td class=\"col-deskripsi\">Mampu menyelesaikan permasalahan teknik sipil secara logis, kritis, sistematis, dan inovatif yang berwawasan ilmu pengetahuan, teknologi dan lingkungan.<\/td>\n                <\/tr>\n                <!-- CPL04 -->\n                <tr>\n                    <td class=\"col-kode-cell\"><span class=\"badge-kode\">CPL04<\/span><\/td>\n                    <td class=\"col-deskripsi\">Mampu merencanakan dan merancang bangunan serta sistem rekayasa sipil berdasarkan standar teknis yang mempertimbangkan aspek keamanan, kinerja, keandalan, efisiensi, serta tangguh keberlanjutan.<\/td>\n                <\/tr>\n                <!-- CPL05 -->\n                <tr>\n                    <td class=\"col-kode-cell\"><span class=\"badge-kode\">CPL05<\/span><\/td>\n                    <td class=\"col-deskripsi\">Mampu melakukan eksperimen di laboratorium dan\/atau lapangan, menganalisis serta menafsirkan data teknik sipil menggunakan peralatan mutakhir secara akurat untuk mendukung pengambilan keputusan rekayasa (<i>Engineering Judgment<\/i>).<\/td>\n                <\/tr>\n                <!-- CPL06 -->\n                <tr>\n                    <td class=\"col-kode-cell\"><span class=\"badge-kode\">CPL06<\/span><\/td>\n                    <td class=\"col-deskripsi\">Mampu berkomunikasi dan bekerjasama dalam tim kerja yang multidisiplin dan multi budaya secara efektif, ilmiah, dan profesional baik secara lisan maupun tertulis dibidang teknik sipil.<\/td>\n                <\/tr>\n            <\/tbody>\n        <\/table>\n    <\/div>\n<\/div>\n\n<!-- JAVASCRIPT KLIK BARIS -->\n<script>\n(function() {\n    function initFullWidthTable() {\n        const tableRows = document.querySelectorAll(\".cpl-table tbody tr\");\n        tableRows.forEach(row => {\n            row.addEventListener(\"click\", function() {\n                this.classList.toggle(\"is-active\");\n            });\n        });\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initFullWidthTable);\n    } else {\n        initFullWidthTable();\n    }\n})();\n<\/script>\t\t\t\t\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-76a57309 e-con-full e-flex e-con e-parent\" data-id=\"76a57309\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-9b4ea22 e-flex e-con-boxed e-con e-child\" data-id=\"9b4ea22\" 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-8d5cac3 elementor-widget elementor-widget-image\" data-id=\"8d5cac3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/IMG_7876-1024x683.jpg\" class=\"attachment-large size-large wp-image-309\" alt=\"\" srcset=\"https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/IMG_7876-1024x683.jpg 1024w, https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/IMG_7876-300x200.jpg 300w, https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/IMG_7876-768x512.jpg 768w, https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/IMG_7876-1536x1024.jpg 1536w, https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/IMG_7876-2048x1365.jpg 2048w, https:\/\/tekniksipil.uin-malang.ac.id\/wp-content\/uploads\/2025\/07\/IMG_7876-18x12.jpg 18w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\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<div class=\"elementor-element elementor-element-430acf0 e-flex e-con-boxed e-con e-child\" data-id=\"430acf0\" 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-78ec6aa elementor-widget elementor-widget-text-editor\" data-id=\"78ec6aa\" 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<!-- Load Font Awesome 6 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', Roboto, 'Helvetica Neue', Arial, sans-serif;\n}\n\n\/* CONTAINER UTAMA LEBAR PENUH 100% *\/\n.matrix-fullwidth-container {\n    width: 100% !important;\n    max-width: 100% !important;\n    margin: 0;\n    padding: 10px 0;\n    background: transparent;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n\/* BANNER JUDUL MATRIKS (RATA TENGAH) *\/\n.matrix-title-banner {\n    width: 100% !important;\n    background-color: #ff914d !important;\n    border: 1.5px solid #e07d3a;\n    border-radius: 12px;\n    padding: 14px 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center; \/* Posisi Rata Tengah *\/\n    gap: 12px;\n    box-shadow: 0 4px 12px rgba(255, 145, 77, 0.25);\n}\n\n.matrix-title-banner h2 {\n    font-size: 18px;\n    font-weight: 800;\n    color: #ffffff !important;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);\n    text-align: center; \/* Teks Judul Rata Tengah *\/\n}\n\n.matrix-title-banner .title-icon-box {\n    width: 38px;\n    height: 38px;\n    background: rgba(255, 255, 255, 0.25);\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.matrix-title-banner .title-icon-box i {\n    font-size: 18px;\n    color: #ffffff;\n}\n\n\/* WRAPPER TABEL RESPONSIVE 100% *\/\n.matrix-table-wrapper {\n    width: 100% !important;\n    overflow-x: auto;\n    border-radius: 12px;\n    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);\n    border: 1.5px solid #ff914d;\n}\n\n\/* DESAIN TABEL UTAMA *\/\n.matrix-table {\n    width: 100% !important;\n    border-collapse: collapse;\n    background-color: #ffffff;\n}\n\n\/* HEADER TABEL (RATA TENGAH, BACKGROUND ORANGE #ff914d) *\/\n.matrix-table thead tr {\n    background-color: #ff914d !important;\n    color: #ffffff !important;\n}\n\n.matrix-table th {\n    padding: 14px 18px;\n    font-size: 14px;\n    font-weight: 800;\n    letter-spacing: 0.3px;\n    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);\n    border-bottom: 2px solid #e07d3a;\n    text-align: center !important; \/* Header Tabel Rata Tengah *\/\n}\n\n.matrix-table th.col-kode {\n    width: 120px;\n    border-right: 1px solid rgba(255, 255, 255, 0.3);\n}\n\n.matrix-table th.col-ppm {\n    width: 100px;\n    border-left: 1px solid rgba(255, 255, 255, 0.3);\n}\n\n\/* BARIS DATA TABEL *\/\n.matrix-table tbody tr {\n    border-bottom: 1px solid rgba(255, 145, 77, 0.2);\n    cursor: pointer;\n    transition: background-color 0.3s ease, color 0.3s ease;\n}\n\n.matrix-table tbody tr:last-child {\n    border-bottom: none;\n}\n\n.matrix-table tbody tr:nth-child(even) {\n    background-color: rgba(255, 145, 77, 0.03);\n}\n\n\/* HOVER EFFECT BARIS *\/\n.matrix-table tbody tr:hover {\n    background-color: rgba(255, 145, 77, 0.1) !important;\n}\n\n\/* EFEK ANIMASI KETIKA BARIS DIKLIK (AKTIF) *\/\n.matrix-table tbody tr.is-active {\n    background-color: #ff914d !important;\n    color: #ffffff !important;\n}\n\n.matrix-table tbody tr.is-active td {\n    color: #ffffff !important;\n}\n\n.matrix-table tbody tr.is-active td.badge-kode {\n    background-color: rgba(255, 255, 255, 0.25) !important;\n    color: #ffffff !important;\n    border-color: rgba(255, 255, 255, 0.5) !important;\n}\n\n.matrix-table tbody tr.is-active td .check-icon {\n    color: #ffffff !important;\n    transform: scale(1.2);\n}\n\n\/* KOLOM KODE CPL (RATA TENGAH) *\/\n.matrix-table td.col-kode-cell {\n    text-align: center;\n    padding: 12px 10px;\n    border-right: 1px solid rgba(255, 145, 77, 0.2);\n    vertical-align: middle;\n}\n\n.badge-kode {\n    display: inline-block;\n    padding: 5px 12px;\n    background-color: rgba(255, 145, 77, 0.12);\n    border: 1px solid #ff914d;\n    border-radius: 6px;\n    color: #d96f28;\n    font-weight: 800;\n    font-size: 13px;\n    transition: all 0.3s ease;\n}\n\n\/* KOLOM DESKRIPSI CPL *\/\n.matrix-table td.col-deskripsi {\n    padding: 14px 20px;\n    font-size: 13.5px;\n    line-height: 1.5;\n    color: #222222;\n    text-align: justify;\n    transition: color 0.3s ease;\n}\n\n\/* KOLOM CHECKMARK PPM (RATA TENGAH) *\/\n.matrix-table td.col-ppm-cell {\n    text-align: center;\n    vertical-align: middle;\n    border-left: 1px solid rgba(255, 145, 77, 0.2);\n}\n\n.check-icon {\n    font-size: 18px;\n    color: #ff914d;\n    font-weight: bold;\n    transition: transform 0.3s ease, color 0.3s ease;\n}\n\n\/* RESPONSIVE UNTUK HP *\/\n@media (max-width: 600px) {\n    .matrix-title-banner {\n        padding: 10px 14px;\n    }\n    .matrix-title-banner h2 {\n        font-size: 14.5px;\n    }\n    .matrix-table th {\n        font-size: 13px;\n        padding: 10px;\n    }\n    .matrix-table td.col-deskripsi {\n        font-size: 12.5px;\n        padding: 10px 12px;\n    }\n}\n<\/style>\n\n<div class=\"matrix-fullwidth-container\">\n\n    <!-- BANNER JUDUL MATRIKS (RATA TENGAH) -->\n    <div class=\"matrix-title-banner\">\n        <h2>MATRIKS PEMETAAN CPL TERHADAP PPM<\/h2>\n        <div class=\"title-icon-box\">\n            <i class=\"fa-solid fa-table-cells\"><\/i>\n        <\/div>\n    <\/div>\n\n    <!-- TABEL DATA MATRIKS (FULL WIDTH) -->\n    <div class=\"matrix-table-wrapper\">\n        <table class=\"matrix-table\">\n            <thead>\n                <tr>\n                    <th class=\"col-kode\">KODE<\/th>\n                    <th>DESKRIPSI CPL<\/th>\n                    <th class=\"col-ppm\">PPM-1<\/th>\n                    <th class=\"col-ppm\">PPM-2<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody>\n                <!-- CPL01 -->\n                <tr>\n                    <td class=\"col-kode-cell\"><span class=\"badge-kode\">CPL01<\/span><\/td>\n                    <td class=\"col-deskripsi\">Mampu menunjukkan ketakwaan kepada Allah SWT dengan mencerminkan karakter Ulul Albab (kedalaman spiritual, keluhuran akhlak, keluasan ilmu, dan kematangan profesional) dalam menjalankan profesi Teknik Sipil sepanjang hayat.<\/td>\n                    <td class=\"col-ppm-cell\"><\/td>\n                    <td class=\"col-ppm-cell\"><i class=\"fa-solid fa-check check-icon\"><\/i><\/td>\n                <\/tr>\n\n                <!-- CPL02 -->\n                <tr>\n                    <td class=\"col-kode-cell\"><span class=\"badge-kode\">CPL02<\/span><\/td>\n                    <td class=\"col-deskripsi\">Mampu menerapkan konsep matematika, sains dasar dan prinsip rekayasa sipil untuk menyelesaikan persoalan infrastruktur.<\/td>\n                    <td class=\"col-ppm-cell\"><i class=\"fa-solid fa-check check-icon\"><\/i><\/td>\n                    <td class=\"col-ppm-cell\"><\/td>\n                <\/tr>\n\n                <!-- CPL03 -->\n                <tr>\n                    <td class=\"col-kode-cell\"><span class=\"badge-kode\">CPL03<\/span><\/td>\n                    <td class=\"col-deskripsi\">Mampu menyelesaikan permasalahan teknik sipil secara logis, kritis, sistematis, dan inovatif yang berwawasan ilmu pengetahuan, teknologi dan lingkungan.<\/td>\n                    <td class=\"col-ppm-cell\"><i class=\"fa-solid fa-check check-icon\"><\/i><\/td>\n                    <td class=\"col-ppm-cell\"><\/td>\n                <\/tr>\n\n                <!-- CPL04 -->\n                <tr>\n                    <td class=\"col-kode-cell\"><span class=\"badge-kode\">CPL04<\/span><\/td>\n                    <td class=\"col-deskripsi\">Mampu merencanakan dan merancang bangunan serta sistem rekayasa sipil berdasarkan standar teknis yang mempertimbangkan aspek keamanan, kinerja, keandalan, efisiensi, serta tangguh keberlanjutan.<\/td>\n                    <td class=\"col-ppm-cell\"><i class=\"fa-solid fa-check check-icon\"><\/i><\/td>\n                    <td class=\"col-ppm-cell\"><\/td>\n                <\/tr>\n\n                <!-- CPL05 -->\n                <tr>\n                    <td class=\"col-kode-cell\"><span class=\"badge-kode\">CPL05<\/span><\/td>\n                    <td class=\"col-deskripsi\">Mampu melakukan eksperimen di laboratorium dan\/atau lapangan, menganalisis serta menafsirkan data teknik sipil menggunakan peralatan mutakhir secara akurat untuk mendukung pengambilan keputusan rekayasa (<i>Engineering Judgment<\/i>).<\/td>\n                    <td class=\"col-ppm-cell\"><\/td>\n                    <td class=\"col-ppm-cell\"><i class=\"fa-solid fa-check check-icon\"><\/i><\/td>\n                <\/tr>\n\n                <!-- CPL06 -->\n                <tr>\n                    <td class=\"col-kode-cell\"><span class=\"badge-kode\">CPL06<\/span><\/td>\n                    <td class=\"col-deskripsi\">Mampu berkomunikasi dan bekerjasama dalam tim kerja yang multidisiplin dan multi budaya secara efektif, ilmiah, dan profesional baik secara lisan maupun tertulis dibidang teknik sipil.<\/td>\n                    <td class=\"col-ppm-cell\"><\/td>\n                    <td class=\"col-ppm-cell\"><i class=\"fa-solid fa-check check-icon\"><\/i><\/td>\n                <\/tr>\n            <\/tbody>\n        <\/table>\n    <\/div>\n\n<\/div>\n\n<!-- JAVASCRIPT EFEK INTERAKTIF KLIK BARIS MATRIKS -->\n<script>\n(function() {\n    function initMatrixTable() {\n        const tableRows = document.querySelectorAll(\".matrix-table tbody tr\");\n\n        tableRows.forEach(row => {\n            row.addEventListener(\"click\", function() {\n                this.classList.toggle(\"is-active\");\n            });\n        });\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initMatrixTable);\n    } else {\n        initMatrixTable();\n    }\n})();\n<\/script>\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<div class=\"elementor-element elementor-element-673aeb3 e-flex e-con-boxed e-con e-child\" data-id=\"673aeb3\" 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-76f306d elementor-widget elementor-widget-text-editor\" data-id=\"76f306d\" 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<!-- Load Font Awesome 6 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', Roboto, 'Helvetica Neue', Arial, sans-serif;\n}\n\n\/* CONTAINER UTAMA LEBAR PENUH 100% *\/\n.cpl-ik-container {\n    width: 100% !important;\n    max-width: 100% !important;\n    margin: 0;\n    padding: 10px 0;\n    background: transparent;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n\/* BANNER JUDUL UTAMA (RATA TENGAH, BACKGROUND ORANGE #ff914d) *\/\n.cpl-ik-banner {\n    width: 100% !important;\n    background-color: #ff914d !important;\n    border: 1.5px solid #e07d3a;\n    border-radius: 12px;\n    padding: 14px 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center; \/* Rata Tengah Layout Banner *\/\n    gap: 12px;\n    box-shadow: 0 4px 12px rgba(255, 145, 77, 0.25);\n}\n\n.cpl-ik-banner h2 {\n    font-size: 18px;\n    font-weight: 800;\n    color: #ffffff !important;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);\n    text-align: center; \/* Teks Judul Rata Tengah *\/\n}\n\n.cpl-ik-banner .title-icon-box {\n    width: 38px;\n    height: 38px;\n    background: rgba(255, 255, 255, 0.25);\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.cpl-ik-banner .title-icon-box i {\n    font-size: 18px;\n    color: #ffffff;\n}\n\n\/* WRAPPER TABEL RESPONSIVE 100% *\/\n.cpl-ik-table-wrapper {\n    width: 100% !important;\n    overflow-x: auto;\n    border-radius: 12px;\n    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);\n    border: 1.5px solid #ff914d;\n}\n\n\/* DESAIN TABEL UTAMA (ISI BACKGROUND PUTIH) *\/\n.cpl-ik-table {\n    width: 100% !important;\n    border-collapse: collapse;\n    background-color: #ffffff !important;\n}\n\n\/* HEADER TABEL (ALL HEADER RATA TENGAH, ORANGE #ff914d) *\/\n.cpl-ik-table thead tr {\n    background-color: #ff914d !important;\n    color: #ffffff !important;\n}\n\n.cpl-ik-table th {\n    padding: 14px 16px;\n    font-size: 14px;\n    font-weight: 800;\n    letter-spacing: 0.3px;\n    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);\n    border-bottom: 2px solid #e07d3a;\n    border-right: 1px solid rgba(255, 255, 255, 0.3);\n    text-align: center !important; \/* Header Tabel Rata Tengah *\/\n}\n\n.cpl-ik-table th:last-child {\n    border-right: none;\n}\n\n.cpl-ik-table th.col-cpl { width: 100px; }\n.cpl-ik-table th.col-desc-cpl { width: 35%; }\n.cpl-ik-table th.col-ik { width: 90px; }\n\n\/* BARIS DATA TABEL *\/\n.cpl-ik-table tbody tr {\n    border-bottom: 1px solid rgba(255, 145, 77, 0.2);\n    cursor: pointer;\n    transition: background-color 0.3s ease;\n}\n\n\/* HOVER EFFECT BARIS *\/\n.cpl-ik-table tbody tr:hover {\n    background-color: rgba(255, 145, 77, 0.08) !important;\n}\n\n\/* EFEK ANIMASI KETIKA DIKLIK (AKTIF) *\/\n.cpl-ik-table tbody tr.is-active {\n    background-color: rgba(255, 145, 77, 0.18) !important;\n}\n\n.cpl-ik-table tbody tr.is-active .badge-ik {\n    background-color: #ff914d !important;\n    color: #ffffff !important;\n}\n\n\/* STYLING CELL KODE CPL & DESKRIPSI CPL (DENGAN ROWSPAN & POSISI TENGAH) *\/\n.cpl-ik-table td.cpl-main-cell {\n    background-color: #ffffff !important;\n    border-right: 1px solid rgba(255, 145, 77, 0.2);\n    border-bottom: 1.5px solid #ff914d;\n    vertical-align: middle !align-center;\n    padding: 14px 12px;\n}\n\n.cpl-ik-table td.cpl-code-center {\n    text-align: center !important;\n    vertical-align: middle !important;\n}\n\n.badge-cpl {\n    display: inline-block;\n    padding: 6px 12px;\n    background-color: rgba(255, 145, 77, 0.12);\n    border: 1px solid #ff914d;\n    border-radius: 6px;\n    color: #d96f28;\n    font-weight: 800;\n    font-size: 13px;\n}\n\n.cpl-deskripsi-text {\n    font-size: 13px;\n    line-height: 1.5;\n    color: #222222;\n    text-align: justify;\n}\n\n\/* STYLING CELL KODE IK & DESKRIPSI IK (RATA TENGAH KODE) *\/\n.cpl-ik-table td.col-ik-cell {\n    text-align: center !important;\n    vertical-align: middle !important;\n    padding: 12px 8px;\n    border-right: 1px solid rgba(255, 145, 77, 0.2);\n}\n\n.badge-ik {\n    display: inline-block;\n    padding: 4px 8px;\n    background-color: #f1f5f9;\n    border: 1px solid #cbd5e1;\n    border-radius: 4px;\n    color: #334155;\n    font-weight: 700;\n    font-size: 12px;\n    transition: all 0.3s ease;\n}\n\n.cpl-ik-table td.col-deskripsi-ik {\n    padding: 12px 16px;\n    font-size: 13px;\n    line-height: 1.5;\n    color: #333333;\n    text-align: justify;\n    border-right: none;\n    vertical-align: middle;\n}\n\n\/* RESPONSIVE UNTUK HP *\/\n@media (max-width: 768px) {\n    .cpl-ik-banner { padding: 10px 14px; }\n    .cpl-ik-banner h2 { font-size: 14.5px; }\n    .cpl-ik-table th { font-size: 12.5px; padding: 10px; }\n    .cpl-ik-table td { font-size: 12px; padding: 8px 10px; }\n}\n<\/style>\n\n<div class=\"cpl-ik-container\">\n\n    <!-- BANNER JUDUL UTAMA (RATA TENGAH) -->\n    <div class=\"cpl-ik-banner\">\n        <h2>PEMETAAN CPL DAN INDIKATOR KINERJA (IK) TEKNIK SIPIL UIN MALANG<\/h2>\n        <div class=\"title-icon-box\">\n            <i class=\"fa-solid fa-diagram-project\"><\/i>\n        <\/div>\n    <\/div>\n\n    <!-- TABEL DATA CPL DAN IK -->\n    <div class=\"cpl-ik-table-wrapper\">\n        <table class=\"cpl-ik-table\">\n            <thead>\n                <tr>\n                    <th class=\"col-cpl\">CPL<\/th>\n                    <th class=\"col-desc-cpl\">Deskripsi CPL<\/th>\n                    <th class=\"col-ik\">IK<\/th>\n                    <th>Deskripsi IK<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody>\n                <!-- KELOMPOK CPL01 -->\n                <tr>\n                    <td class=\"cpl-main-cell cpl-code-center\" rowspan=\"2\"><span class=\"badge-cpl\">CPL01<\/span><\/td>\n                    <td class=\"cpl-main-cell\" rowspan=\"2\">\n                        <div class=\"cpl-deskripsi-text\">Mampu menunjukkan ketakwaan kepada Allah SWT dengan mencerminkan karakter Ulul Albab (kedalaman spiritual, keluhuran akhlak, keluasan ilmu, dan kematangan profesional) dalam menjalankan profesi Teknik Sipil sepanjang hayat.<\/div>\n                    <\/td>\n                    <td class=\"col-ik-cell\"><span class=\"badge-ik\">IK1.1<\/span><\/td>\n                    <td class=\"col-deskripsi-ik\">Menunjukkan sikap religius, berakhlak mulia, disiplin, dan menjadikan nilai-nilai spiritual sebagai dasar dalam pengambilan keputusan akademik maupun profesional.<\/td>\n                <\/tr>\n                <tr>\n                    <td class=\"col-ik-cell\"><span class=\"badge-ik\">IK1.2<\/span><\/td>\n                    <td class=\"col-deskripsi-ik\">Menerapkan prinsip etika profesi secara berkelanjutan dalam setiap aktivitas akademik dan pekerjaan teknik sipil, termasuk integritas, tanggung jawab, dan patuh terhadap standar keselamatan.<\/td>\n                <\/tr>\n\n                <!-- KELOMPOK CPL02 -->\n                <tr>\n                    <td class=\"cpl-main-cell cpl-code-center\" rowspan=\"3\"><span class=\"badge-cpl\">CPL02<\/span><\/td>\n                    <td class=\"cpl-main-cell\" rowspan=\"3\">\n                        <div class=\"cpl-deskripsi-text\">Mampu menerapkan konsep matematika, sains dasar dan prinsip rekayasa sipil untuk menyelesaikan persoalan infrastruktur.<\/div>\n                    <\/td>\n                    <td class=\"col-ik-cell\"><span class=\"badge-ik\">IK2.1<\/span><\/td>\n                    <td class=\"col-deskripsi-ik\">Mampu memahami prinsip-prinsip sains dasar (Fisika, Kimia, Geologi) dan konsep matematis (Kalkulus, Aljabar, Statistika) yang relevan untuk mendeskripsikan dan memodelkan perilaku material dan fenomena alam dalam sistem pemodelan bangunan.<\/td>\n                <\/tr>\n                <tr>\n                    <td class=\"col-ik-cell\"><span class=\"badge-ik\">IK2.2<\/span><\/td>\n                    <td class=\"col-deskripsi-ik\">Mampu menerapkan prinsip-prinsip dan metodologi Rekayasa Sipil dari berbagai bidang inti (Struktur, Geoteknik, Hidro, Transportasi, Manajemen) menggunakan perangkat lunak teknik untuk menganalisis dan mengevaluasi kinerja infrastruktur.<\/td>\n                <\/tr>\n                <tr>\n                    <td class=\"col-ik-cell\"><span class=\"badge-ik\">IK2.3<\/span><\/td>\n                    <td class=\"col-deskripsi-ik\">Mampu memecahkan persoalan infrastruktur melalui perancangan rekayasa (desain) yang menghasilkan solusi teknis yang aman, layak secara ekonomi, dan efisien, dibuktikan dengan luaran berupa gambar kerja, spesifikasi, dan laporan perhitungan yang akurat.<\/td>\n                <\/tr>\n\n                <!-- KELOMPOK CPL03 -->\n                <tr>\n                    <td class=\"cpl-main-cell cpl-code-center\" rowspan=\"2\"><span class=\"badge-cpl\">CPL03<\/span><\/td>\n                    <td class=\"cpl-main-cell\" rowspan=\"2\">\n                        <div class=\"cpl-deskripsi-text\">Mampu menyelesaikan permasalahan teknik sipil secara logis, kritis, sistematis, dan inovatif yang berwawasan ilmu pengetahuan, teknologi dan lingkungan.<\/div>\n                    <\/td>\n                    <td class=\"col-ik-cell\"><span class=\"badge-ik\">IK3.1<\/span><\/td>\n                    <td class=\"col-deskripsi-ik\">Mampu menganalisis permasalahan teknik sipil secara kritis dan sistematis dengan melakukan telaah mendalam terhadap data lapangan, standar, dan konteks lingkungan, untuk mengidentifikasi akar permasalahan.<\/td>\n                <\/tr>\n                <tr>\n                    <td class=\"col-ik-cell\"><span class=\"badge-ik\">IK3.2<\/span><\/td>\n                    <td class=\"col-deskripsi-ik\">Mampu menyelesaikan persoalan infrastruktur melalui solusi teknis yang inovatif dan berwawasan ilmu pengetahuan dan teknologi (IPTEK), serta mempertimbangkan aspek keberlanjutan dan dampak lingkungan.<\/td>\n                <\/tr>\n\n                <!-- KELOMPOK CPL04 -->\n                <tr>\n                    <td class=\"cpl-main-cell cpl-code-center\" rowspan=\"3\"><span class=\"badge-cpl\">CPL04<\/span><\/td>\n                    <td class=\"cpl-main-cell\" rowspan=\"3\">\n                        <div class=\"cpl-deskripsi-text\">Mampu merencanakan dan merancang bangunan serta sistem rekayasa sipil berdasarkan standar teknis yang mempertimbangkan aspek keamanan, kinerja, keandalan, efisiensi, serta tangguh keberlanjutan.<\/div>\n                    <\/td>\n                    <td class=\"col-ik-cell\"><span class=\"badge-ik\">IK4.1<\/span><\/td>\n                    <td class=\"col-deskripsi-ik\">Mampu menyusun perencanaan teknis bangunan dan infrastruktur sesuai persyaratan desain (keamanan, kinerja, keandalan) berdasarkan standar teknis yang berlaku (SNI\/AASHTO ACI, dll.), serta merumuskan kriteria dan kendala perancangan secara sistematis dan logis.<\/td>\n                <\/tr>\n                <tr>\n                    <td class=\"col-ik-cell\"><span class=\"badge-ik\">IK4.2<\/span><\/td>\n                    <td class=\"col-deskripsi-ik\">Mampu merancang konsep rekayasa sipil dan memecahkan persoalan dengan mengintegrasikan <i>tools<\/i> dan metode analisis yang tepat untuk menjamin keandalan dan efisiensi struktural maupun sistemik.<\/td>\n                <\/tr>\n                <tr>\n                    <td class=\"col-ik-cell\"><span class=\"badge-ik\">IK4.3<\/span><\/td>\n                    <td class=\"col-deskripsi-ik\">Mampu menghasilkan solusi yang inovatif, detail, dan layak secara teknis, ekonomi, dan lingkungan, dengan mengedepankan aspek keamanan dan tangguh keberlanjutan dalam jangka panjang.<\/td>\n                <\/tr>\n\n                <!-- KELOMPOK CPL05 -->\n                <tr>\n                    <td class=\"cpl-main-cell cpl-code-center\" rowspan=\"2\"><span class=\"badge-cpl\">CPL05<\/span><\/td>\n                    <td class=\"cpl-main-cell\" rowspan=\"2\">\n                        <div class=\"cpl-deskripsi-text\">Mampu melakukan eksperimen di laboratorium dan\/atau lapangan, menganalisis serta menafsirkan data teknik sipil menggunakan peralatan mutakhir secara akurat untuk mendukung pengambilan keputusan rekayasa (<i>Engineering Judgment<\/i>).<\/div>\n                    <\/td>\n                    <td class=\"col-ik-cell\"><span class=\"badge-ik\">IK5.1<\/span><\/td>\n                    <td class=\"col-deskripsi-ik\">Mampu merumuskan kebutuhan data, prosedur eksperimen yang benar, dan menerapkan penggunaan peralatan mutakhir di laboratorium dan\/atau lapangan secara sistematis dan sesuai standar untuk memperoleh data teknik sipil yang akurat.<\/td>\n                <\/tr>\n                <tr>\n                    <td class=\"col-ik-cell\"><span class=\"badge-ik\">IK5.2<\/span><\/td>\n                    <td class=\"col-deskripsi-ik\">Mampu menghasilkan data hasil eksperimen secara kritis dan logis, untuk memecahkan permasalahan rekayasa dengan menghasilkan keputusan rekayasa (<i>Engineering Judgment<\/i>) yang didukung bukti kuat dan disusun secara komprehensif.<\/td>\n                <\/tr>\n\n                <!-- KELOMPOK CPL06 -->\n                <tr>\n                    <td class=\"cpl-main-cell cpl-code-center\" rowspan=\"2\"><span class=\"badge-cpl\">CPL06<\/span><\/td>\n                    <td class=\"cpl-main-cell\" rowspan=\"2\">\n                        <div class=\"cpl-deskripsi-text\">Mampu berkomunikasi dan bekerjasama dalam tim kerja yang multidisiplin dan multi budaya secara efektif, ilmiah, dan profesional baik secara lisan maupun tertulis dibidang teknik sipil.<\/div>\n                    <\/td>\n                    <td class=\"col-ik-cell\"><span class=\"badge-ik\">IK6.1<\/span><\/td>\n                    <td class=\"col-deskripsi-ik\">Mampu melaksanakan peran anggota tim multidisiplin\/multibudaya dan menerapkan prinsip kolaborasi yang profesional, serta menganalisis informasi balik dan konflik secara kritis untuk merumuskan strategi kerjasama yang efektif.<\/td>\n                <\/tr>\n                <tr>\n                    <td class=\"col-ik-cell\"><span class=\"badge-ik\">IK6.2<\/span><\/td>\n                    <td class=\"col-deskripsi-ik\">Mampu menghasilkan komunikasi ilmiah dan profesional secara lisan dan tertulis untuk memecahkan dan menyelesaikan hambatan proyek, serta menghasilkan luaran proyek teknik sipil yang terintegrasi, mencerminkan kerjasama tim yang efektif.<\/td>\n                <\/tr>\n            <\/tbody>\n        <\/table>\n    <\/div>\n\n<\/div>\n\n<!-- JAVASCRIPT EFEK INTERAKTIF KLIK BARIS TABEL -->\n<script>\n(function() {\n    function initCplIkTable() {\n        const tableRows = document.querySelectorAll(\".cpl-ik-table tbody tr\");\n\n        tableRows.forEach(row => {\n            row.addEventListener(\"click\", function() {\n                this.classList.toggle(\"is-active\");\n            });\n        });\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initCplIkTable);\n    } else {\n        initCplIkTable();\n    }\n})();\n<\/script>\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<div class=\"elementor-element elementor-element-3f408029 e-flex e-con-boxed e-con e-parent\" data-id=\"3f408029\" 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-e56402c elementor-widget elementor-widget-heading\" data-id=\"e56402c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Video<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b4d869e e-grid e-con-full e-con e-child\" data-id=\"4b4d869e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46975f2b elementor-widget elementor-widget-video\" data-id=\"46975f2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/ybyi9FwETXY?si=jMx3NNHtgewMsW-b&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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>Tentang Prodi Keilmuan Teknik Sipil UIN Maulana Malik Ibrahim Malang yang ber-Integrasi dengan Islam, menjadi ciri khas dan keunikan jika dibandingkan dengan Prodi Teknik Sipil yang lain. VISI KEILMUAN PRODI Menjadi Program Studi yang integratif dalam pengembangan Teknik Sipil berlandaskan nilai-nilai keislaman dan sains teknologi dalam skala global. MISI PRODI Misi 1 Menyelenggarakan pendidikan Teknik [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-130","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/pages\/130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/comments?post=130"}],"version-history":[{"count":82,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/pages\/130\/revisions"}],"predecessor-version":[{"id":1848,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/pages\/130\/revisions\/1848"}],"wp:attachment":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/media?parent=130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}