{"id":81,"date":"2025-07-30T03:02:57","date_gmt":"2025-07-30T03:02:57","guid":{"rendered":"https:\/\/lpt.upnjatim.ac.id\/?page_id=81"},"modified":"2026-08-08T07:53:41","modified_gmt":"2026-08-08T07:53:41","slug":"peralatan-laboratorium","status":"publish","type":"page","link":"https:\/\/lpt.upnjatim.ac.id\/index.php\/peralatan-laboratorium\/","title":{"rendered":"Peralatan Laboratorium"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"81\" class=\"elementor elementor-81\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dff55ba e-flex e-con-boxed e-con e-parent\" data-id=\"dff55ba\" 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-2bbfbbb elementor-widget elementor-widget-html\" data-id=\"2bbfbbb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n\/* =====================================================\r\n   KATALOG RESEARCH CENTER\r\n   UPA LABORATORIUM PENGUJIAN TERPADU\r\n===================================================== *\/\r\n\r\n.research-catalogue {\r\n    width: 100%;\r\n    max-width: 1050px;\r\n    margin: 35px auto;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   HEADER\r\n===================================================== *\/\r\n\r\n.catalogue-header {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    padding: 28px 32px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #07394b 0%,\r\n            #0c5261 55%,\r\n            #3A9697 100%\r\n        );\r\n\r\n    border-radius: 20px 20px 0 0;\r\n\r\n    color: white;\r\n\r\n    box-shadow:\r\n        0 12px 30px rgba(0,0,0,0.12);\r\n}\r\n\r\n\r\n\/* Ornamen background *\/\r\n\r\n.catalogue-header::before {\r\n    content: \"\";\r\n    position: absolute;\r\n\r\n    width: 220px;\r\n    height: 220px;\r\n\r\n    right: -75px;\r\n    top: -100px;\r\n\r\n    border: 35px solid rgba(255,255,255,0.08);\r\n    border-radius: 50%;\r\n}\r\n\r\n\r\n.catalogue-header::after {\r\n    content: \"\";\r\n    position: absolute;\r\n\r\n    width: 120px;\r\n    height: 120px;\r\n\r\n    right: 100px;\r\n    bottom: -85px;\r\n\r\n    border: 25px solid rgba(255,255,255,0.06);\r\n    border-radius: 50%;\r\n}\r\n\r\n\r\n\/* Badge *\/\r\n\r\n.catalogue-badge {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: inline-block;\r\n\r\n    padding: 6px 13px;\r\n\r\n    margin-bottom: 10px;\r\n\r\n    background: rgba(255,255,255,0.14);\r\n\r\n    border: 1px solid rgba(255,255,255,0.22);\r\n    border-radius: 50px;\r\n\r\n    font-size: 10px;\r\n    font-weight: bold;\r\n\r\n    letter-spacing: 1.5px;\r\n}\r\n\r\n\r\n\/* Judul *\/\r\n\r\n.catalogue-header h2 {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    margin: 0;\r\n\r\n    font-size: 28px;\r\n    line-height: 1.2;\r\n\r\n    font-weight: 800;\r\n\r\n    color: white;\r\n}\r\n\r\n\r\n\/* Subjudul *\/\r\n\r\n.catalogue-header p {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    margin:\r\n\r\n    9px 0 0;\r\n\r\n    max-width: 650px;\r\n\r\n    font-size: 13px;\r\n    line-height: 1.6;\r\n\r\n    color: rgba(255,255,255,0.82);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   INFO BAR\r\n===================================================== *\/\r\n\r\n.catalogue-info-bar {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 15px;\r\n\r\n    padding: 14px 22px;\r\n\r\n    background: #f7fbfb;\r\n\r\n    border-left: 1px solid #dceaea;\r\n    border-right: 1px solid #dceaea;\r\n}\r\n\r\n\r\n.catalogue-info-left {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n}\r\n\r\n\r\n.info-chip {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 5px;\r\n\r\n    padding: 7px 12px;\r\n\r\n    border-radius: 50px;\r\n\r\n    background: #e9f6f6;\r\n\r\n    color: #246f70;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: bold;\r\n}\r\n\r\n\r\n.catalogue-info-right {\r\n    color: #87999c;\r\n\r\n    font-size: 10px;\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   PDF AREA\r\n===================================================== *\/\r\n\r\n.pdf-wrapper {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding: 18px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            #eef5f5,\r\n            #f9fbfb\r\n        );\r\n\r\n    border-left: 1px solid #dceaea;\r\n    border-right: 1px solid #dceaea;\r\n}\r\n\r\n\r\n\/* PDF VIEWER *\/\r\n\r\n.pdf-container {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    \/*\r\n       INI BAGIAN TINGGINYA\r\n\r\n       Bisa diganti:\r\n       750px = sedang\r\n       850px = panjang\r\n       950px = sangat panjang\r\n    *\/\r\n\r\n    height: 900px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: white;\r\n\r\n    border-radius: 12px;\r\n\r\n    border: 1px solid #d6e2e2;\r\n\r\n    box-shadow:\r\n        0 10px 30px rgba(0,0,0,0.10);\r\n}\r\n\r\n\r\n.pdf-container iframe {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    border: none;\r\n\r\n    background: white;\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   FOOTER\r\n===================================================== *\/\r\n\r\n.catalogue-footer {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 18px;\r\n\r\n    padding: 22px 25px;\r\n\r\n    background: white;\r\n\r\n    border:\r\n\r\n    1px solid #dceaea;\r\n\r\n    border-top: none;\r\n\r\n    border-radius: 0 0 20px 20px;\r\n\r\n    box-shadow:\r\n        0 15px 35px rgba(0,0,0,0.08);\r\n}\r\n\r\n\r\n.download-info strong {\r\n    display: block;\r\n\r\n    margin-bottom: 4px;\r\n\r\n    color: #153d48;\r\n\r\n    font-size: 13px;\r\n}\r\n\r\n\r\n.download-info span {\r\n    color: #87999c;\r\n\r\n    font-size: 10px;\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   BUTTON AREA\r\n===================================================== *\/\r\n\r\n.catalogue-buttons {\r\n    display: flex;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    justify-content: flex-end;\r\n\r\n    gap: 9px;\r\n}\r\n\r\n\r\n\/* Download *\/\r\n\r\n.btn-download {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 8px;\r\n\r\n    padding: 12px 22px;\r\n\r\n    border-radius: 50px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #3A9697,\r\n            #287778\r\n        );\r\n\r\n    color: white !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: bold;\r\n\r\n    box-shadow:\r\n        0 6px 15px rgba(58,150,151,0.25);\r\n\r\n    transition: all 0.25s ease;\r\n}\r\n\r\n\r\n.btn-download:hover {\r\n    color: white !important;\r\n\r\n    transform: translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 9px 22px rgba(58,150,151,0.35);\r\n}\r\n\r\n\r\n\r\n\/* Buka Google Drive *\/\r\n\r\n.btn-drive {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 8px;\r\n\r\n    padding: 12px 19px;\r\n\r\n    border-radius: 50px;\r\n\r\n    background: white;\r\n\r\n    border: 1px solid #3A9697;\r\n\r\n    color: #287778 !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: bold;\r\n\r\n    transition: all 0.25s ease;\r\n}\r\n\r\n\r\n.btn-drive:hover {\r\n    background: #eefafa;\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE\r\n===================================================== *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n    .research-catalogue {\r\n        margin: 15px auto;\r\n    }\r\n\r\n\r\n    .catalogue-header {\r\n        padding: 22px 18px;\r\n        border-radius: 14px 14px 0 0;\r\n    }\r\n\r\n\r\n    .catalogue-header h2 {\r\n        font-size: 21px;\r\n    }\r\n\r\n\r\n    .catalogue-header p {\r\n        font-size: 11px;\r\n    }\r\n\r\n\r\n    .catalogue-info-bar {\r\n        padding: 12px;\r\n\r\n        flex-direction: column;\r\n\r\n        align-items: flex-start;\r\n    }\r\n\r\n\r\n    .catalogue-info-right {\r\n        display: none;\r\n    }\r\n\r\n\r\n    .pdf-wrapper {\r\n        padding: 9px;\r\n    }\r\n\r\n\r\n    \/*\r\n       PDF di HP\r\n    *\/\r\n\r\n    .pdf-container {\r\n        height: 650px;\r\n\r\n        border-radius: 8px;\r\n    }\r\n\r\n\r\n    .catalogue-footer {\r\n        padding: 17px;\r\n\r\n        flex-direction: column;\r\n\r\n        align-items: stretch;\r\n    }\r\n\r\n\r\n    .download-info {\r\n        text-align: center;\r\n    }\r\n\r\n\r\n    .catalogue-buttons {\r\n        width: 100%;\r\n\r\n        justify-content: center;\r\n    }\r\n\r\n\r\n    .btn-download,\r\n    .btn-drive {\r\n        flex: 1;\r\n\r\n        min-width: 145px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .pdf-container {\r\n        height: 560px;\r\n    }\r\n\r\n\r\n    .catalogue-header h2 {\r\n        font-size: 19px;\r\n    }\r\n\r\n\r\n    .catalogue-buttons {\r\n        flex-direction: column;\r\n    }\r\n\r\n\r\n    .btn-download,\r\n    .btn-drive {\r\n        width: 100%;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     KATALOG\r\n===================================================== -->\r\n\r\n<div class=\"research-catalogue\">\r\n\r\n\r\n    <!-- HEADER -->\r\n\r\n    <div class=\"catalogue-header\">\r\n\r\n        <div class=\"catalogue-badge\">\r\n            DIGITAL CATALOGUE\r\n        <\/div>\r\n\r\n\r\n        <h2>\r\n            Katalog Research Center\r\n        <\/h2>\r\n\r\n\r\n        <p>\r\n            UPA Laboratorium Pengujian Terpadu\r\n            Universitas Pembangunan Nasional\r\n            \u201cVeteran\u201d Jawa Timur\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- INFO -->\r\n\r\n    <div class=\"catalogue-info-bar\">\r\n\r\n        <div class=\"catalogue-info-left\">\r\n\r\n            <div class=\"info-chip\">\r\n                \ud83d\udcd6 59 Halaman\r\n            <\/div>\r\n\r\n            <div class=\"info-chip\">\r\n                \ud83d\udcc4 Format PDF\r\n            <\/div>\r\n\r\n            <div class=\"info-chip\">\r\n                \ud83d\udd2c Research Center\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"catalogue-info-right\">\r\n\r\n            Scroll untuk melihat halaman katalog\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- PDF -->\r\n\r\n    <div class=\"pdf-wrapper\">\r\n\r\n        <div class=\"pdf-container\">\r\n\r\n            <iframe\r\n                src=\"https:\/\/drive.google.com\/file\/d\/1Z1gbf8OVpEhj3JjLDq7DnCD-ZMhH7MFY\/preview\"\r\n                allow=\"autoplay\"\r\n                loading=\"lazy\">\r\n\r\n            <\/iframe>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- FOOTER -->\r\n\r\n    <div class=\"catalogue-footer\">\r\n\r\n\r\n        <div class=\"download-info\">\r\n\r\n            <strong>\r\n                Katalog Research Center\r\n            <\/strong>\r\n\r\n            <span>\r\n                Unduh katalog untuk dibaca secara offline\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"catalogue-buttons\">\r\n\r\n\r\n            <!-- DOWNLOAD -->\r\n\r\n            <a\r\n                href=\"https:\/\/drive.google.com\/uc?export=download&id=1Z1gbf8OVpEhj3JjLDq7DnCD-ZMhH7MFY\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                class=\"btn-download\">\r\n\r\n                <span>\ud83d\udce5<\/span>\r\n\r\n                <span>\r\n                    Unduh Katalog\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n\r\n\r\n            <!-- BUKA GOOGLE DRIVE -->\r\n\r\n            <a\r\n                href=\"https:\/\/drive.google.com\/file\/d\/1Z1gbf8OVpEhj3JjLDq7DnCD-ZMhH7MFY\/view\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                class=\"btn-drive\">\r\n\r\n                <span>\u2197<\/span>\r\n\r\n                <span>\r\n                    Buka PDF\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\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>DIGITAL CATALOGUE Katalog Research Center UPA Laboratorium Pengujian Terpadu Universitas Pembangunan Nasional \u201cVeteran\u201d Jawa Timur \ud83d\udcd6 59 Halaman \ud83d\udcc4 Format PDF \ud83d\udd2c Research Center Scroll [&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-81","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lpt.upnjatim.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/81"}],"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=81"}],"version-history":[{"count":10,"href":"https:\/\/lpt.upnjatim.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/81\/revisions"}],"predecessor-version":[{"id":547,"href":"https:\/\/lpt.upnjatim.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/81\/revisions\/547"}],"wp:attachment":[{"href":"https:\/\/lpt.upnjatim.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}