{"id":71,"date":"2025-07-30T03:02:55","date_gmt":"2025-07-30T03:02:55","guid":{"rendered":"https:\/\/lpt.upnjatim.ac.id\/?page_id=71"},"modified":"2026-07-03T03:37:03","modified_gmt":"2026-07-03T03:37:03","slug":"visi-dan-misi","status":"publish","type":"page","link":"https:\/\/lpt.upnjatim.ac.id\/index.php\/visi-dan-misi\/","title":{"rendered":"Visi dan Misi"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"71\" class=\"elementor elementor-71\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e777ae e-flex e-con-boxed e-con e-parent\" data-id=\"4e777ae\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfe9c65 elementor-widget elementor-widget-html\" data-id=\"cfe9c65\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n<style>\r\n    @keyframes gedungFloat {\r\n        0% {\r\n            transform: translateY(0px);\r\n        }\r\n        50% {\r\n            transform: translateY(-14px);\r\n        }\r\n        100% {\r\n            transform: translateY(0px);\r\n        }\r\n    }\r\n\r\n\r\n    @keyframes glowPulse {\r\n        0%, 100% {\r\n            transform: scale(1);\r\n            opacity: 0.35;\r\n        }\r\n        50% {\r\n            transform: scale(1.08);\r\n            opacity: 0.6;\r\n        }\r\n    }\r\n\r\n    .gedung-float {\r\n        animation: gedungFloat 4.5s ease-in-out infinite;\r\n    }\r\n\r\n    .glow-pulse {\r\n        animation: glowPulse 3.5s ease-in-out infinite;\r\n    }\r\n\r\n    #visi-misi {\r\n        scroll-margin-top: 160px;\r\n        clear: both;\r\n        isolation: isolate;\r\n    }\r\n<\/style>\r\n\r\n<section id=\"visi-misi\" class=\"relative z-20 overflow-hidden bg-[#F6FAFA] px-5 py-14 font-sans text-gray-800 sm:px-8 md:py-20 lg:px-12\">\r\n\r\n    <!-- Background Decoration -->\r\n    <div class=\"absolute right-[-120px] top-[-120px] h-72 w-72 rounded-full bg-[#3A9697]\/20 blur-3xl\"><\/div>\r\n    <div class=\"absolute bottom-[-140px] left-[-120px] h-80 w-80 rounded-full bg-[#073B57]\/10 blur-3xl\"><\/div>\r\n\r\n    <div class=\"relative mx-auto max-w-7xl\">\r\n\r\n        <!-- Top Section -->\r\n        <div class=\"mb-12 grid items-center gap-10 lg:grid-cols-2 lg:gap-16\">\r\n\r\n            <!-- Text Area -->\r\n            <div>\r\n                <span class=\"mb-4 inline-flex rounded-full bg-[#3A9697]\/10 px-5 py-2 text-xs font-extrabold uppercase tracking-[0.22em] text-[#3A9697]\">\r\n                    Visi dan Misi\r\n                <\/span>\r\n\r\n                <h1 class=\"text-3xl font-black leading-tight text-[#073B57] sm:text-4xl md:text-5xl\">\r\n                    LPT Laboratorium Pengujian Terpadu\r\n                <\/h1>\r\n\r\n                <p class=\"mt-5 max-w-2xl text-base leading-relaxed text-gray-600 md:text-lg\">\r\n                    Laboratorium perguruan tinggi negeri yang berkomitmen memberikan layanan pengujian secara akurat, terpercaya, profesional, dan sesuai standar mutu nasional.\r\n                <\/p>\r\n\r\n                <div class=\"mt-7 flex flex-wrap gap-3\">\r\n                    <span class=\"rounded-full bg-white px-5 py-2 text-sm font-bold text-[#073B57] shadow-sm ring-1 ring-[#3A9697]\/20\">\r\n                        Akurat\r\n                    <\/span>\r\n                    <span class=\"rounded-full bg-white px-5 py-2 text-sm font-bold text-[#073B57] shadow-sm ring-1 ring-[#3A9697]\/20\">\r\n                        Terpercaya\r\n                    <\/span>\r\n                    <span class=\"rounded-full bg-white px-5 py-2 text-sm font-bold text-[#073B57] shadow-sm ring-1 ring-[#3A9697]\/20\">\r\n                        Terstandar\r\n                    <\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Moving Building Image -->\r\n            <div class=\"relative flex justify-center lg:justify-end\">\r\n                <div class=\"glow-pulse absolute top-8 h-64 w-64 rounded-full bg-[#3A9697]\/25 blur-3xl sm:h-80 sm:w-80\"><\/div>\r\n\r\n                <div class=\"gedung-float relative w-full max-w-md overflow-hidden rounded-[32px] bg-white p-4 shadow-2xl shadow-[#3A9697]\/20 ring-1 ring-[#3A9697]\/15 sm:p-5 md:max-w-lg\">\r\n                    <div class=\"overflow-hidden rounded-[24px] bg-[#EAF6F6]\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/lpt.upnjatim.ac.id\/wp-content\/uploads\/2026\/07\/Desain-tanpa-judul-1-e1783011390600.png\"\r\n                            alt=\"Gedung UPA LPT Laboratorium Pengujian Terpadu\"\r\n                            class=\"h-64 w-full object-cover sm:h-72 md:h-80\"\r\n                            loading=\"lazy\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <div class=\"mt-4 rounded-2xl bg-[#F0F8F8] px-5 py-4\">\r\n                        <p class=\"text-xs font-black uppercase tracking-[0.22em] text-[#3A9697]\">\r\n                            UPA LPT\r\n                        <\/p>\r\n                        <p class=\"mt-1 text-sm font-bold text-[#073B57] sm:text-base\">\r\n                            Laboratorium Pengujian Terpadu UPN \u201cVeteran\u201d Jawa Timur\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Vision Card -->\r\n        <div class=\"mb-8 overflow-hidden rounded-[30px] bg-gradient-to-br from-[#3A9697] to-[#073B57] p-6 shadow-xl shadow-[#3A9697]\/20 sm:p-8 md:p-10\">\r\n            <div class=\"grid items-center gap-6 md:grid-cols-12\">\r\n\r\n                <div class=\"md:col-span-2\">\r\n                    <div class=\"flex h-16 w-16 items-center justify-center rounded-2xl bg-white text-[#3A9697] shadow-lg sm:h-20 sm:w-20\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-9 w-9 sm:h-10 sm:w-10\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.25 12s3.75-6.75 9.75-6.75S21.75 12 21.75 12 18 18.75 12 18.75 2.25 12 2.25 12z\" \/>\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"md:col-span-10\">\r\n                    <span class=\"mb-3 block text-sm font-bold uppercase tracking-[0.28em] text-white\/70\">\r\n                        Visi Utama\r\n                    <\/span>\r\n\r\n                    <h2 class=\"text-2xl font-black leading-tight text-white sm:text-3xl md:text-4xl\">\r\n                        Menjadi laboratorium perguruan tinggi negeri yang akurat dan terpercaya dalam skala nasional di bidang pengujian.\r\n                    <\/h2>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Content Grid -->\r\n        <div class=\"grid gap-8 lg:grid-cols-12\">\r\n\r\n            <!-- Misi -->\r\n            <section class=\"lg:col-span-5\">\r\n                <div class=\"h-full rounded-[30px] border border-[#3A9697]\/15 bg-white p-6 shadow-lg shadow-gray-200\/70 sm:p-8\">\r\n                    <span class=\"text-xs font-black uppercase tracking-[0.25em] text-[#3A9697]\">\r\n                        Misi Strategis\r\n                    <\/span>\r\n\r\n                    <h2 class=\"mt-3 text-2xl font-black text-[#073B57] sm:text-3xl\">\r\n                        Pelayanan Pengujian Terbaik\r\n                    <\/h2>\r\n\r\n                    <p class=\"mt-4 text-sm leading-relaxed text-gray-600 sm:text-base\">\r\n                        Memberikan pelayanan pengujian terbaik dengan didukung pelayanan yang mengedepankan pada:\r\n                    <\/p>\r\n\r\n                    <div class=\"mt-6 space-y-4\">\r\n\r\n                        <div class=\"rounded-2xl border border-[#3A9697]\/15 bg-[#F0F8F8] p-5 transition duration-300 hover:-translate-y-1 hover:bg-white hover:shadow-md\">\r\n                            <div class=\"mb-3 flex items-center gap-3\">\r\n                                <span class=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-[#073B57] text-sm font-black text-white\">\r\n                                    01\r\n                                <\/span>\r\n                                <h3 class=\"font-black text-[#073B57]\">\r\n                                    Ketepatan Pengujian\r\n                                <\/h3>\r\n                            <\/div>\r\n                            <p class=\"text-sm leading-relaxed text-gray-600 sm:text-base\">\r\n                                Ketepatan hasil, waktu, dan metode pengujian.\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"rounded-2xl border border-[#3A9697]\/15 bg-[#F0F8F8] p-5 transition duration-300 hover:-translate-y-1 hover:bg-white hover:shadow-md\">\r\n                            <div class=\"mb-3 flex items-center gap-3\">\r\n                                <span class=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-[#073B57] text-sm font-black text-white\">\r\n                                    02\r\n                                <\/span>\r\n                                <h3 class=\"font-black text-[#073B57]\">\r\n                                    Peralatan dan Personil\r\n                                <\/h3>\r\n                            <\/div>\r\n                            <p class=\"text-sm leading-relaxed text-gray-600 sm:text-base\">\r\n                                Peralatan yang terstandar dan personil yang kompeten.\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- Kebijakan Mutu -->\r\n            <section class=\"lg:col-span-7\">\r\n                <div class=\"h-full rounded-[30px] border border-[#3A9697]\/15 bg-white p-6 shadow-lg shadow-gray-200\/70 sm:p-8\">\r\n                    <span class=\"text-xs font-black uppercase tracking-[0.25em] text-[#3A9697]\">\r\n                        Kebijakan Mutu\r\n                    <\/span>\r\n\r\n                    <h2 class=\"mt-3 text-2xl font-black text-[#073B57] sm:text-3xl\">\r\n                        Komitmen Mutu LPT \"Veteran\" Jawa Timur\r\n                    <\/h2>\r\n\r\n                    <p class=\"mt-4 text-sm leading-relaxed text-gray-600 sm:text-base\">\r\n                        LPT \"Veteran\" Jawa Timur memiliki kebijakan mutu sebagai dasar dalam menjaga profesionalitas, akurasi, dan konsistensi layanan pengujian.\r\n                    <\/p>\r\n\r\n                    <div class=\"mt-6 space-y-4\">\r\n\r\n                        <div class=\"rounded-2xl border border-gray-100 bg-[#FAFCFC] p-5 transition duration-300 hover:-translate-y-1 hover:border-[#3A9697]\/40 hover:shadow-md\">\r\n                            <div class=\"flex gap-4\">\r\n                                <span class=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[#3A9697] font-black text-white\">\r\n                                    1\r\n                                <\/span>\r\n                                <div>\r\n                                    <h3 class=\"mb-2 font-black text-[#073B57]\">\r\n                                        Pelayanan Profesional\r\n                                    <\/h3>\r\n                                    <p class=\"text-sm leading-relaxed text-gray-600 sm:text-base\">\r\n                                        Memberikan jasa pengujian secara profesional dalam melayani pelanggan.\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"rounded-2xl border border-gray-100 bg-[#FAFCFC] p-5 transition duration-300 hover:-translate-y-1 hover:border-[#3A9697]\/40 hover:shadow-md\">\r\n                            <div class=\"flex gap-4\">\r\n                                <span class=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[#3A9697] font-black text-white\">\r\n                                    2\r\n                                <\/span>\r\n                                <div>\r\n                                    <h3 class=\"mb-2 font-black text-[#073B57]\">\r\n                                        Sistem Manajemen Mutu\r\n                                    <\/h3>\r\n                                    <p class=\"text-sm leading-relaxed text-gray-600 sm:text-base\">\r\n                                        Menggunakan Sistem Manajemen Mutu yang sesuai dengan persyaratan \r\n                                        <span class=\"font-black text-[#3A9697]\">ISO 17025:2017<\/span>.\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"rounded-2xl border border-gray-100 bg-[#FAFCFC] p-5 transition duration-300 hover:-translate-y-1 hover:border-[#3A9697]\/40 hover:shadow-md\">\r\n                            <div class=\"flex gap-4\">\r\n                                <span class=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[#3A9697] font-black text-white\">\r\n                                    3\r\n                                <\/span>\r\n                                <div>\r\n                                    <h3 class=\"mb-2 font-black text-[#073B57]\">\r\n                                        Penerapan Dokumentasi Mutu\r\n                                    <\/h3>\r\n                                    <p class=\"text-sm leading-relaxed text-gray-600 sm:text-base\">\r\n                                        Semua personil yang terlibat pengujian memahami dan menerapkan dokumentasi Sistem Manajemen Mutu di dalam pekerjaan sehari-hari.\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"mt-6 rounded-2xl bg-gradient-to-r from-[#073B57] to-[#3A9697] p-5 text-white\">\r\n                        <p class=\"text-xs font-bold uppercase tracking-[0.25em] text-white\/70\">\r\n                            Standar Acuan\r\n                        <\/p>\r\n                        <p class=\"mt-2 text-2xl font-black\">\r\n                            ISO 17025:2017\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\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>Visi dan Misi LPT Laboratorium Pengujian Terpadu Laboratorium perguruan tinggi negeri yang berkomitmen memberikan layanan pengujian secara akurat, terpercaya, profesional, dan sesuai standar mutu nasional. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-71","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lpt.upnjatim.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/71"}],"collection":[{"href":"https:\/\/lpt.upnjatim.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lpt.upnjatim.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lpt.upnjatim.ac.id\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lpt.upnjatim.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=71"}],"version-history":[{"count":19,"href":"https:\/\/lpt.upnjatim.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/71\/revisions"}],"predecessor-version":[{"id":522,"href":"https:\/\/lpt.upnjatim.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/71\/revisions\/522"}],"wp:attachment":[{"href":"https:\/\/lpt.upnjatim.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}