{"id":38,"date":"2026-01-17T03:17:38","date_gmt":"2026-01-17T03:17:38","guid":{"rendered":"https:\/\/thp.fikp.umrah.ac.id\/?page_id=38"},"modified":"2026-01-17T21:16:22","modified_gmt":"2026-01-17T21:16:22","slug":"filosofi-keunggulan","status":"publish","type":"page","link":"https:\/\/thp.fikp.umrah.ac.id\/?page_id=38","title":{"rendered":"Filosofi &amp; Keunggulan"},"content":{"rendered":"\n<div id=\"thp-profile-wrapper\">\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;700;800&display=swap');\n\n        \/* SCOPED CSS - Agar tidak merusak tema website utama *\/\n        #thp-profile-wrapper {\n            \/* Variabel Warna Laut UMRAH *\/\n            --thp-blue: #0077b6;\n            --thp-dark: #023e8a;\n            --thp-teal: #00b4d8;\n            --thp-light: #caf0f8;\n            --thp-accent: #fca311; \/* Warna kontras untuk highlight *\/\n            --glass-bg: rgba(255, 255, 255, 0.95);\n\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            max-width: 1200px;\n            margin: 0 auto;\n            color: #334155;\n            background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);\n            padding: 40px 20px;\n            border-radius: 20px;\n            box-sizing: border-box;\n            box-shadow: 0 10px 30px rgba(0, 119, 182, 0.1);\n        }\n\n        #thp-profile-wrapper * {\n            box-sizing: border-box;\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        \/* HEADER SECTION *\/\n        .thp-header {\n            text-align: center;\n            margin-bottom: 40px;\n        }\n\n        .thp-label {\n            display: inline-block;\n            background: #e0f2fe;\n            color: var(--thp-dark);\n            padding: 6px 16px;\n            border-radius: 50px;\n            font-size: 0.85rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 15px;\n        }\n\n        .thp-title {\n            font-size: clamp(1.8rem, 4vw, 2.5rem);\n            font-weight: 800;\n            color: var(--thp-dark);\n            margin: 0;\n            line-height: 1.2;\n        }\n\n        \/* VISION BOX (Highlight) *\/\n        .vision-box {\n            background: linear-gradient(135deg, var(--thp-dark) 0%, var(--thp-blue) 100%);\n            color: white;\n            padding: 40px;\n            border-radius: 24px;\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 20px 40px rgba(2, 62, 138, 0.2);\n        }\n\n        .vision-box::before {\n            content: '\\f10d'; \/* Quote Icon *\/\n            font-family: \"Font Awesome 6 Free\";\n            font-weight: 900;\n            position: absolute;\n            top: 20px;\n            left: 30px;\n            font-size: 6rem;\n            opacity: 0.1;\n            color: white;\n        }\n\n        .vision-text {\n            font-size: 1.35rem;\n            font-weight: 600;\n            line-height: 1.6;\n            position: relative;\n            z-index: 2;\n        }\n\n        .vision-year {\n            display: inline-block;\n            margin-top: 15px;\n            background: var(--thp-accent);\n            color: #fff;\n            padding: 5px 15px;\n            border-radius: 8px;\n            font-weight: 800;\n            font-size: 0.9rem;\n        }\n\n        \/* TABS NAVIGATION *\/\n        .thp-tabs {\n            display: flex;\n            justify-content: center;\n            gap: 15px;\n            margin-bottom: 30px;\n            flex-wrap: wrap;\n        }\n\n        .thp-tab-btn {\n            padding: 12px 30px;\n            border: 2px solid transparent;\n            background: white;\n            color: var(--thp-blue);\n            font-weight: 700;\n            border-radius: 12px;\n            cursor: pointer;\n            font-size: 1rem;\n            box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n        }\n\n        .thp-tab-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 15px rgba(0,0,0,0.1);\n        }\n\n        .thp-tab-btn.active {\n            background: var(--thp-blue);\n            color: white;\n            box-shadow: 0 10px 20px rgba(0, 119, 182, 0.3);\n        }\n\n        \/* TAB CONTENT AREA *\/\n        .tab-panel {\n            display: none;\n            animation: fadeIn 0.5s ease;\n        }\n\n        .tab-panel.active {\n            display: block;\n        }\n\n        \/* GRID CARDS FOR LISTS *\/\n        .thp-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 20px;\n        }\n\n        .item-card {\n            background: white;\n            padding: 25px;\n            border-radius: 16px;\n            border: 1px solid rgba(0,0,0,0.05);\n            display: flex;\n            align-items: flex-start;\n            gap: 20px;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.02);\n        }\n\n        .item-card:hover {\n            border-color: var(--thp-teal);\n            transform: translateY(-5px);\n            box-shadow: 0 15px 30px rgba(0, 180, 216, 0.15);\n        }\n\n        .icon-box {\n            background: var(--thp-light);\n            color: var(--thp-blue);\n            width: 50px;\n            height: 50px;\n            flex-shrink: 0;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.2rem;\n        }\n\n        .item-card:hover .icon-box {\n            background: var(--thp-blue);\n            color: white;\n        }\n\n        .item-content h4 {\n            margin: 0 0 8px 0;\n            color: var(--thp-dark);\n            font-size: 1.1rem;\n            font-weight: 700;\n        }\n\n        .item-content p {\n            margin: 0;\n            font-size: 0.95rem;\n            line-height: 1.5;\n            color: #64748b;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        @media (max-width: 768px) {\n            .vision-text { font-size: 1.1rem; }\n            .thp-grid { grid-template-columns: 1fr; }\n            .thp-tabs { width: 100%; }\n            .thp-tab-btn { flex: 1; text-align: center; }\n        }\n    <\/style>\n\n    <div class=\"thp-header\">\n        <span class=\"thp-label\">Profil Program Studi<\/span>\n        <h1 class=\"thp-title\">Teknologi Hasil Perikanan<\/h1>\n    <\/div>\n\n    <div class=\"vision-box\">\n        <div style=\"margin-bottom: 10px; opacity: 0.8; font-weight: 500; text-transform: uppercase; letter-spacing: 2px;\">Visi Kami<\/div>\n        <div class=\"vision-text\">\n            \u201cMenjadi Program Studi yang Bertamadun dan Bertaraf Internasional dalam Pengembangan IPTEK Dibidang Teknologi Hasil Perikanan Berbasis Laut pada Tahun 2040\u201d\n        <\/div>\n    <\/div>\n\n    <div class=\"thp-tabs\">\n        <button class=\"thp-tab-btn active\" onclick=\"openThpTab(event, 'misi')\">\ud83c\udfaf Misi Prodi<\/button>\n        <button class=\"thp-tab-btn\" onclick=\"openThpTab(event, 'tujuan')\">\ud83d\ude80 Tujuan Prodi<\/button>\n    <\/div>\n\n    <div id=\"misi\" class=\"tab-panel active\">\n        <div class=\"thp-grid\">\n            <div class=\"item-card\">\n                <div class=\"icon-box\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\n                <div class=\"item-content\">\n                    <h4>Pendidikan Berkualitas<\/h4>\n                    <p>Menyelenggarakan Pendidikan Sarjana dibidang Teknologi Hasil Perikanan Berbasis Laut untuk menghasilkan SDM yang menguasai IPTEK dan Bertamadun.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"item-card\">\n                <div class=\"icon-box\"><i class=\"fas fa-microscope\"><\/i><\/div>\n                <div class=\"item-content\">\n                    <h4>Penelitian Inovatif<\/h4>\n                    <p>Menerapkan IPTEK dibidang Teknologi Hasil Perikanan melalui Penelitian yang Inovatif dan Tepat Guna.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"item-card\">\n                <div class=\"icon-box\"><i class=\"fas fa-hands-holding-circle\"><\/i><\/div>\n                <div class=\"item-content\">\n                    <h4>Pengabdian Masyarakat<\/h4>\n                    <p>Mengaplikasikan Ilmu dan Teknologi ke masyarakat dalam bentuk Teknologi Tepat Guna sebagai landasan peningkatan kesejahteraan.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"item-card\">\n                <div class=\"icon-box\"><i class=\"fas fa-handshake-simple\"><\/i><\/div>\n                <div class=\"item-content\">\n                    <h4>Kolaborasi Global<\/h4>\n                    <p>Membangun kerjasama dengan berbagai stakeholder baik nasional maupun internasional.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div id=\"tujuan\" class=\"tab-panel\">\n        <div class=\"thp-grid\">\n            <div class=\"item-card\">\n                <div class=\"icon-box\"><i class=\"fas fa-user-check\"><\/i><\/div>\n                <div class=\"item-content\">\n                    <h4>Lulusan Bertamadun<\/h4>\n                    <p>Menghasilkan lulusan yang betamadun dan berakhlak mulia.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"item-card\">\n                <div class=\"icon-box\"><i class=\"fas fa-certificate\"><\/i><\/div>\n                <div class=\"item-content\">\n                    <h4>Kompetensi Komprehensif<\/h4>\n                    <p>Menghasilkan lulusan yang memiliki kompetensi secara komprehensif dibidang teknologi hasil perikanan.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"item-card\">\n                <div class=\"icon-box\"><i class=\"fas fa-industry\"><\/i><\/div>\n                <div class=\"item-content\">\n                    <h4>Industrialisasi Perikanan<\/h4>\n                    <p>Menghasilkan berbagai teknologi pengolahan yang inovatif serta aplikatif untuk mewujudkan industrialisasi hasil perikanan.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"item-card\">\n                <div class=\"icon-box\"><i class=\"fas fa-chart-line\"><\/i><\/div>\n                <div class=\"item-content\">\n                    <h4>Peningkatan Taraf Hidup<\/h4>\n                    <p>Menerapkan teknologi yang aplikatif dan tepat guna untuk peningkatan taraf hidup masyarakat.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"item-card\">\n                <div class=\"icon-box\"><i class=\"fas fa-network-wired\"><\/i><\/div>\n                <div class=\"item-content\">\n                    <h4>Whole of Government<\/h4>\n                    <p>Menerapkan konsep <i>Whole of Government<\/i> dalam menjalin akses fasilitas penelitian dan praktek lapang secara komprehensif.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        function openThpTab(evt, tabName) {\n            \/\/ Sembunyikan semua konten tab\n            var i, tabcontent, tablinks;\n            tabcontent = document.getElementsByClassName(\"tab-panel\");\n            for (i = 0; i < tabcontent.length; i++) {\n                tabcontent[i].classList.remove(\"active\");\n            }\n\n            \/\/ Hapus class active dari semua tombol\n            tablinks = document.getElementsByClassName(\"thp-tab-btn\");\n            for (i = 0; i < tablinks.length; i++) {\n                tablinks[i].classList.remove(\"active\");\n            }\n\n            \/\/ Tampilkan tab yang dipilih dan set tombol jadi active\n            document.getElementById(tabName).classList.add(\"active\");\n            evt.currentTarget.classList.add(\"active\");\n        }\n    <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Profil Program Studi Teknologi Hasil Perikanan Visi Kami \u201cMenjadi Program Studi yang Bertamadun dan Bertaraf Internasional dalam Pengembangan IPTEK Dibidang [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"spectra_custom_meta":{"_edit_lock":["1769526965:5"],"_edit_last":["1"],"_uag_css_file_name":["uag-css-38.css"],"_uag_page_assets":["a:9:{s:3:\"css\";s:4564:\".uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}\n.uagb-icon-list__wrap{display:flex;align-items:flex-start;justify-content:flex-start}.wp-block-uagb-icon-list-child{padding:0;transition:all 0.2s;display:inline-flex;color:#3a3a3a;align-items:center;text-decoration:none;box-shadow:none}.wp-block-uagb-icon-list-child span.uagb-icon-list__source-wrap{display:block;align-items:center}.uagb-icon-list__source-wrap svg{display:block}.uagb-icon-list__source-image{width:40px}.uagb-icon-list__outer-wrap .uagb-icon-list__content-wrap{color:#3a3a3a;display:flex;align-items:center}\n.wp-block-uagb-icon-list-child{position:relative}.wp-block-uagb-icon-list-child>a{position:absolute;top:0;left:0;width:100%;height:100%}img.uagb-icon-list__source-image{max-width:unset}.wp-block-uagb-icon-list-child .uagb-icon-list__label{word-break:break-word}\n.wp-block-uagb-icon-list.uagb-block-065a0225 .uagb-icon-list__source-image{width: 16px;}.wp-block-uagb-icon-list.uagb-block-065a0225 .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap svg{width: 16px;height: 16px;font-size: 16px;}.wp-block-uagb-icon-list.uagb-block-065a0225 .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap{padding: 0px;border-radius: 0px;border-width: 0px;align-self: flex-start;}.wp-block-uagb-icon-list.uagb-block-065a0225 .wp-block-uagb-icon-list-child .uagb-icon-list__label{text-decoration: !important;line-height: em;}.wp-block-uagb-icon-list.uagb-block-065a0225 .uagb-icon-list__wrap{display: flex;flex-direction: column;justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: flex-start;-ms-flex-align: flex-start;align-items: flex-start;}.wp-block-uagb-icon-list.uagb-block-065a0225 .uagb-icon-list__label{text-align: left;}.wp-block-uagb-icon-list.uagb-block-065a0225 .wp-block-uagb-icon-list-child{text-decoration: !important;line-height: em;}.wp-block-uagb-icon-list.uagb-block-065a0225.wp-block-uagb-icon-list .wp-block-uagb-icon-list-child{margin-left: 0;margin-right: 0;margin-bottom: 10px;}.wp-block-uagb-icon-list.uagb-block-065a0225 .uagb-icon-list__source-wrap{margin-right: 15px;}.uagb-block-2373b045.wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap{background:  !important;border-color:  !important;}.uagb-block-2373b045.wp-block-uagb-icon-list-child:hover .uagb-icon-list__source-wrap{background:  !important;border-color:  !important;}.uagb-block-e0c2dafc.wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap{background:  !important;border-color:  !important;}.uagb-block-e0c2dafc.wp-block-uagb-icon-list-child:hover .uagb-icon-list__source-wrap{background:  !important;border-color:  !important;}@media only screen and (max-width: 976px) {.wp-block-uagb-icon-list.uagb-block-065a0225 .uagb-icon-list__source-image{width: 16px;}.wp-block-uagb-icon-list.uagb-block-065a0225 .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap svg{width: 16px;height: 16px;font-size: 16px;}.wp-block-uagb-icon-list.uagb-block-065a0225 .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap {padding: 0px;border-width: 0px;align-self: flex-start;}.wp-block-uagb-icon-list.uagb-block-065a0225 .uagb-icon-list__wrap{display: flex;flex-direction: column;justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: flex-start;-ms-flex-align: flex-start;align-items: flex-start;}.wp-block-uagb-icon-list.uagb-block-065a0225.wp-block-uagb-icon-list .wp-block-uagb-icon-list-child{margin-left: 0;margin-right: 0;margin-bottom: 10px;}}@media only screen and (max-width: 767px) {.wp-block-uagb-icon-list.uagb-block-065a0225 .uagb-icon-list__source-image{width: 16px;}.wp-block-uagb-icon-list.uagb-block-065a0225 .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap svg{width: 16px;height: 16px;font-size: 16px;}.wp-block-uagb-icon-list.uagb-block-065a0225 .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap{padding: 0px;border-width: 0px;align-self: flex-start;}.wp-block-uagb-icon-list.uagb-block-065a0225 .uagb-icon-list__wrap{display: flex;flex-direction: column;justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: flex-start;-ms-flex-align: flex-start;align-items: flex-start;}.wp-block-uagb-icon-list.uagb-block-065a0225.wp-block-uagb-icon-list .wp-block-uagb-icon-list-child{margin-left: 0;margin-right: 0;margin-bottom: 10px;}}\";s:2:\"js\";s:0:\"\";s:18:\"current_block_list\";a:11:{i:0;s:9:\"core\/html\";i:1;s:11:\"core\/search\";i:2;s:10:\"core\/group\";i:3;s:12:\"core\/heading\";i:4;s:17:\"core\/latest-posts\";i:5;s:20:\"core\/latest-comments\";i:6;s:13:\"core\/archives\";i:7;s:15:\"core\/categories\";i:8;s:14:\"uagb\/icon-list\";i:9;s:20:\"uagb\/icon-list-child\";i:10;s:14:\"core\/paragraph\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776488053\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Kelola FIKP","author_link":"https:\/\/thp.fikp.umrah.ac.id\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Profil Program Studi Teknologi Hasil Perikanan Visi Kami \u201cMenjadi Program Studi yang Bertamadun dan Bertaraf Internasional dalam Pengembangan IPTEK Dibidang [&hellip;]","_links":{"self":[{"href":"https:\/\/thp.fikp.umrah.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thp.fikp.umrah.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thp.fikp.umrah.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thp.fikp.umrah.ac.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thp.fikp.umrah.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=38"}],"version-history":[{"count":6,"href":"https:\/\/thp.fikp.umrah.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":203,"href":"https:\/\/thp.fikp.umrah.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions\/203"}],"wp:attachment":[{"href":"https:\/\/thp.fikp.umrah.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}