{"id":180,"date":"2025-07-30T03:40:50","date_gmt":"2025-07-30T03:40:50","guid":{"rendered":"https:\/\/lpt.upnjatim.ac.id\/?page_id=180"},"modified":"2026-08-12T02:45:31","modified_gmt":"2026-08-12T02:45:31","slug":"beranda-2","status":"publish","type":"page","link":"https:\/\/lpt.upnjatim.ac.id\/","title":{"rendered":"BERANDA 2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"180\" class=\"elementor elementor-180\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1af3ce5 e-con-full e-flex e-con e-parent\" data-id=\"1af3ce5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7a8dd3 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"f7a8dd3\" 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   UPA LPT - FULL WIDTH HOMEPAGE\r\n   ========================================================= *\/\r\n\r\n.lpt-page,\r\n.lpt-page * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.lpt-page {\r\n    \/* MEMAKSA KELUAR DARI CONTAINER ELEMENTOR YANG SEMPIT *\/\r\n    width: 100vw !important;\r\n    max-width: 100vw !important;\r\n    position: relative;\r\n    left: 50%;\r\n    margin-left: -50vw !important;\r\n\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    color: #27393a;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    line-height: 1.65;\r\n}\r\n\r\n.lpt-page h1,\r\n.lpt-page h2,\r\n.lpt-page h3,\r\n.lpt-page p {\r\n    margin-top: 0;\r\n}\r\n\r\n.lpt-container {\r\n    width: min(1180px, calc(100% - 48px));\r\n    margin: 0 auto;\r\n}\r\n\r\n.lpt-section {\r\n    padding: 90px 0;\r\n}\r\n\r\n\r\n\/* ==============================\r\n   TYPOGRAPHY\r\n================================ *\/\r\n\r\n.lpt-eyebrow {\r\n    display: inline-block;\r\n    margin-bottom: 10px;\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    font-weight: 800;\r\n    letter-spacing: 2.3px;\r\n    text-transform: uppercase;\r\n    color: #268f93;\r\n}\r\n\r\n.lpt-title {\r\n    margin-bottom: 14px !important;\r\n    color: #176e72;\r\n    font-size: clamp(30px, 3vw, 44px);\r\n    line-height: 1.15;\r\n    font-weight: 800;\r\n}\r\n\r\n.lpt-subtitle {\r\n    width: min(700px, 100%);\r\n    margin: 0 auto;\r\n    color: #6b797a;\r\n    font-size: 16px;\r\n}\r\n\r\n.lpt-heading-center {\r\n    margin-bottom: 48px;\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* ==============================\r\n   BUTTON\r\n================================ *\/\r\n\r\n.lpt-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n\r\n    min-height: 50px;\r\n    padding: 12px 24px;\r\n\r\n    border: 0;\r\n    border-radius: 9px;\r\n\r\n    text-decoration: none !important;\r\n    cursor: pointer;\r\n\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        box-shadow .25s ease,\r\n        background .25s ease;\r\n}\r\n\r\n.lpt-btn:hover {\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.lpt-btn-white {\r\n    color: #146f73 !important;\r\n    background: #ffffff;\r\n    box-shadow: 0 10px 28px rgba(0,0,0,.12);\r\n}\r\n\r\n.lpt-btn-outline {\r\n    color: #ffffff !important;\r\n    border: 1px solid rgba(255,255,255,.55);\r\n    background: rgba(255,255,255,.08);\r\n    backdrop-filter: blur(8px);\r\n}\r\n\r\n.lpt-btn-teal {\r\n    color: #ffffff !important;\r\n    background: #238f93;\r\n    box-shadow: 0 10px 25px rgba(25,130,134,.18);\r\n}\r\n\r\n.lpt-btn-teal:hover {\r\n    background: #18777b;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   1. HERO\r\n   ========================================================= *\/\r\n\r\n.lpt-hero {\r\n    position: relative;\r\n\r\n    min-height: 630px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    isolation: isolate;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(6,69,73,.97) 0%,\r\n            rgba(13,107,111,.92) 43%,\r\n            rgba(21,128,132,.64) 72%,\r\n            rgba(17,100,104,.45) 100%\r\n        ),\r\n        url(\"https:\/\/i.ytimg.com\/vi\/YSDj7oAOdR0\/maxresdefault.jpg\");\r\n\r\n    background-size: cover;\r\n    background-position: center;\r\n}\r\n\r\n.lpt-hero::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(4,46,49,.38),\r\n            transparent 55%\r\n        );\r\n}\r\n\r\n.lpt-hero-content {\r\n    width: min(760px, 100%);\r\n    padding: 100px 0 135px;\r\n    color: white;\r\n}\r\n\r\n.lpt-hero-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n\r\n    padding: 8px 14px;\r\n    margin-bottom: 22px;\r\n\r\n    border: 1px solid rgba(255,255,255,.32);\r\n    border-radius: 100px;\r\n\r\n    color: #ffffff;\r\n    background: rgba(255,255,255,.11);\r\n\r\n    backdrop-filter: blur(8px);\r\n\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.2px;\r\n}\r\n\r\n.lpt-hero h1 {\r\n    max-width: 750px;\r\n    margin-bottom: 22px;\r\n\r\n    color: white;\r\n\r\n    font-size: clamp(38px, 5vw, 64px);\r\n    line-height: 1.08;\r\n    font-weight: 800;\r\n}\r\n\r\n.lpt-hero p {\r\n    max-width: 680px;\r\n    margin-bottom: 32px;\r\n\r\n    color: rgba(255,255,255,.9);\r\n\r\n    font-size: 17px;\r\n}\r\n\r\n.lpt-hero-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   2. QUICK INFORMATION\r\n   ========================================================= *\/\r\n\r\n.lpt-quick-wrapper {\r\n    position: relative;\r\n    z-index: 5;\r\n    margin-top: -68px;\r\n}\r\n\r\n.lpt-quick {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n\r\n    overflow: hidden;\r\n\r\n    border: 1px solid #e5eeee;\r\n    border-radius: 16px;\r\n\r\n    background: white;\r\n\r\n    box-shadow:\r\n        0 20px 55px rgba(19,72,75,.14);\r\n}\r\n\r\n.lpt-quick-card {\r\n    position: relative;\r\n    padding: 30px;\r\n\r\n    border-right: 1px solid #e6eeee;\r\n}\r\n\r\n.lpt-quick-card:last-child {\r\n    border-right: 0;\r\n}\r\n\r\n.lpt-quick-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    margin-bottom: 16px;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    border-radius: 12px;\r\n\r\n    color: #168084;\r\n    background: #eaf7f7;\r\n\r\n    font-size: 20px;\r\n}\r\n\r\n.lpt-quick-card h3 {\r\n    margin-bottom: 5px;\r\n    color: #176e72;\r\n    font-size: 16px;\r\n}\r\n\r\n.lpt-quick-card p,\r\n.lpt-quick-card a {\r\n    margin: 0;\r\n\r\n    color: #718081;\r\n    text-decoration: none;\r\n\r\n    font-size: 13px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   3. ABOUT\r\n   ========================================================= *\/\r\n\r\n.lpt-about {\r\n    padding-top: 120px;\r\n}\r\n\r\n.lpt-about-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 70px;\r\n    align-items: center;\r\n}\r\n\r\n.lpt-about-image {\r\n    position: relative;\r\n\r\n    min-height: 510px;\r\n\r\n    overflow: hidden;\r\n    border-radius: 22px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            rgba(18,126,130,.10),\r\n            rgba(13,97,101,.18)\r\n        ),\r\n        url(\"https:\/\/i.ytimg.com\/vi\/YSDj7oAOdR0\/maxresdefault.jpg\");\r\n\r\n    background-size: cover;\r\n    background-position: center;\r\n\r\n    box-shadow: 0 20px 55px rgba(0,0,0,.14);\r\n}\r\n\r\n.lpt-about-badge {\r\n    position: absolute;\r\n    left: 24px;\r\n    bottom: 24px;\r\n\r\n    max-width: 260px;\r\n\r\n    padding: 18px 20px;\r\n\r\n    border-radius: 13px;\r\n\r\n    color: #ffffff;\r\n    background: rgba(8,92,96,.91);\r\n\r\n    backdrop-filter: blur(8px);\r\n}\r\n\r\n.lpt-about-badge strong {\r\n    display: block;\r\n    margin-bottom: 3px;\r\n    font-size: 18px;\r\n}\r\n\r\n.lpt-about-badge span {\r\n    font-size: 12px;\r\n    opacity: .85;\r\n}\r\n\r\n.lpt-about-copy h2 {\r\n    margin: 6px 0 20px;\r\n\r\n    color: #176e72;\r\n\r\n    font-size: clamp(30px, 3vw, 43px);\r\n    line-height: 1.16;\r\n}\r\n\r\n.lpt-about-copy > p {\r\n    margin-bottom: 17px;\r\n    color: #657576;\r\n}\r\n\r\n.lpt-checks {\r\n    display: grid;\r\n    gap: 13px;\r\n    margin: 27px 0 31px;\r\n}\r\n\r\n.lpt-check-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 11px;\r\n\r\n    color: #435556;\r\n    font-size: 14px;\r\n}\r\n\r\n.lpt-check-icon {\r\n    flex: 0 0 26px;\r\n\r\n    width: 26px;\r\n    height: 26px;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    border-radius: 100%;\r\n\r\n    color: #188388;\r\n    background: #e7f6f6;\r\n\r\n    font-weight: bold;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   4. SERVICES\r\n   ========================================================= *\/\r\n\r\n.lpt-services {\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            #f5fafa 0%,\r\n            #f8fbfb 100%\r\n        );\r\n}\r\n\r\n.lpt-services-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 25px;\r\n}\r\n\r\n.lpt-service {\r\n    position: relative;\r\n\r\n    min-height: 255px;\r\n\r\n    padding: 34px 30px;\r\n\r\n    border: 1px solid #e3eeee;\r\n    border-radius: 16px;\r\n\r\n    background: #ffffff;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n.lpt-service:hover {\r\n    transform: translateY(-7px);\r\n    box-shadow: 0 18px 40px rgba(19,84,87,.11);\r\n}\r\n\r\n.lpt-service-number {\r\n    width: 52px;\r\n    height: 52px;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    border-radius: 12px;\r\n\r\n    color: #168287;\r\n    background: #e5f6f6;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n.lpt-service h3 {\r\n    margin-bottom: 10px;\r\n    color: #176e72;\r\n    font-size: 19px;\r\n}\r\n\r\n.lpt-service p {\r\n    margin-bottom: 0;\r\n    color: #728081;\r\n    font-size: 14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   5. VIDEO PROFILE\r\n   ========================================================= *\/\r\n\r\n.lpt-video-section {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 20% 20%,\r\n            rgba(60,175,180,.24),\r\n            transparent 30%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #075b5f 0%,\r\n            #0e7478 55%,\r\n            #16888c 100%\r\n        );\r\n\r\n    color: white;\r\n}\r\n\r\n.lpt-video-section::before {\r\n    content: \"\";\r\n    position: absolute;\r\n\r\n    width: 500px;\r\n    height: 500px;\r\n\r\n    right: -200px;\r\n    top: -250px;\r\n\r\n    border: 1px solid rgba(255,255,255,.12);\r\n    border-radius: 100%;\r\n}\r\n\r\n.lpt-video-section .lpt-eyebrow {\r\n    color: #b9eded;\r\n}\r\n\r\n.lpt-video-section .lpt-title {\r\n    color: #ffffff;\r\n}\r\n\r\n.lpt-video-section .lpt-subtitle {\r\n    color: rgba(255,255,255,.77);\r\n}\r\n\r\n.lpt-video-layout {\r\n    width: min(1100px, 100%);\r\n    margin: 0 auto;\r\n}\r\n\r\n.lpt-video-shell {\r\n    position: relative;\r\n\r\n    padding: 9px;\r\n\r\n    overflow: hidden;\r\n\r\n    border: 1px solid rgba(255,255,255,.19);\r\n    border-radius: 22px;\r\n\r\n    background: rgba(255,255,255,.10);\r\n\r\n    box-shadow: 0 30px 70px rgba(0,0,0,.27);\r\n\r\n    backdrop-filter: blur(12px);\r\n}\r\n\r\n.lpt-video-ratio {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n\r\n    overflow: hidden;\r\n    border-radius: 15px;\r\n\r\n    background: #000;\r\n}\r\n\r\n#lptYoutubePlayer,\r\n#lptYoutubePlayer iframe {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n}\r\n\r\n.lpt-video-message {\r\n    position: absolute;\r\n    z-index: 10;\r\n\r\n    top: 21px;\r\n    left: 21px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n\r\n    padding: 8px 12px;\r\n\r\n    border-radius: 100px;\r\n\r\n    color: #ffffff;\r\n    background: rgba(0,0,0,.65);\r\n\r\n    backdrop-filter: blur(8px);\r\n\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n.lpt-live-dot {\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    border-radius: 100%;\r\n\r\n    background: #42df9a;\r\n\r\n    box-shadow: 0 0 0 5px rgba(66,223,154,.15);\r\n}\r\n\r\n.lpt-video-toolbar {\r\n    margin-top: 19px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n\r\n    color: rgba(255,255,255,.78);\r\n}\r\n\r\n.lpt-video-toolbar p {\r\n    margin: 0;\r\n    font-size: 13px;\r\n}\r\n\r\n.lpt-sound-btn {\r\n    flex-shrink: 0;\r\n\r\n    padding: 10px 17px;\r\n\r\n    border: 1px solid rgba(255,255,255,.28);\r\n    border-radius: 8px;\r\n\r\n    color: #ffffff;\r\n    background: rgba(255,255,255,.10);\r\n\r\n    cursor: pointer;\r\n\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n}\r\n\r\n.lpt-sound-btn:hover {\r\n    background: rgba(255,255,255,.18);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   6. BENEFITS\r\n   ========================================================= *\/\r\n\r\n.lpt-benefit-section {\r\n    background: #ffffff;\r\n}\r\n\r\n.lpt-benefits {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 20px;\r\n}\r\n\r\n.lpt-benefit {\r\n    padding: 28px 23px;\r\n\r\n    border: 1px solid #e4eeee;\r\n    border-radius: 15px;\r\n\r\n    text-align: center;\r\n\r\n    background: #ffffff;\r\n}\r\n\r\n.lpt-benefit-icon {\r\n    width: 55px;\r\n    height: 55px;\r\n\r\n    margin: 0 auto 17px;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    border-radius: 15px;\r\n\r\n    color: #ffffff;\r\n    background: linear-gradient(\r\n        135deg,\r\n        #238f93,\r\n        #146f73\r\n    );\r\n\r\n    font-size: 21px;\r\n}\r\n\r\n.lpt-benefit h3 {\r\n    margin-bottom: 8px;\r\n\r\n    color: #176e72;\r\n    font-size: 16px;\r\n}\r\n\r\n.lpt-benefit p {\r\n    margin: 0;\r\n\r\n    color: #758283;\r\n    font-size: 13px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   7. LOCATION\r\n   ========================================================= *\/\r\n\r\n.lpt-location {\r\n    background: #f4f9f9;\r\n}\r\n\r\n.lpt-map-card {\r\n    display: grid;\r\n    grid-template-columns: 360px 1fr;\r\n\r\n    min-height: 520px;\r\n\r\n    overflow: hidden;\r\n\r\n    border: 1px solid #e1ebeb;\r\n    border-radius: 20px;\r\n\r\n    background: #ffffff;\r\n\r\n    box-shadow: 0 20px 55px rgba(20,76,79,.12);\r\n}\r\n\r\n.lpt-map-info {\r\n    padding: 42px 34px;\r\n\r\n    color: #ffffff;\r\n\r\n    background:\r\n        linear-gradient(\r\n            160deg,\r\n            #0d777b,\r\n            #075b5f\r\n        );\r\n}\r\n\r\n.lpt-map-info .lpt-eyebrow {\r\n    color: #b8eded;\r\n}\r\n\r\n.lpt-map-info h3 {\r\n    margin: 5px 0 27px;\r\n\r\n    color: white;\r\n    font-size: 27px;\r\n}\r\n\r\n.lpt-contact {\r\n    padding: 16px 0;\r\n\r\n    border-bottom: 1px solid rgba(255,255,255,.14);\r\n}\r\n\r\n.lpt-contact:last-of-type {\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.lpt-contact strong {\r\n    display: block;\r\n\r\n    margin-bottom: 5px;\r\n\r\n    color: rgba(255,255,255,.65);\r\n\r\n    font-size: 10px;\r\n    letter-spacing: 1.4px;\r\n}\r\n\r\n.lpt-contact span,\r\n.lpt-contact a {\r\n    color: #ffffff;\r\n    text-decoration: none;\r\n\r\n    font-size: 13px;\r\n}\r\n\r\n.lpt-map-frame {\r\n    min-height: 520px;\r\n}\r\n\r\n.lpt-map-frame iframe {\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 520px;\r\n\r\n    display: block;\r\n\r\n    border: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   8. CTA\r\n   ========================================================= *\/\r\n\r\n.lpt-cta-section {\r\n    padding: 70px 0 90px;\r\n    background: #ffffff;\r\n}\r\n\r\n.lpt-cta {\r\n    position: relative;\r\n\r\n    padding: 50px 55px;\r\n\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 35px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 20px;\r\n\r\n    color: white;\r\n    background:\r\n        linear-gradient(\r\n            120deg,\r\n            #16868a,\r\n            #075b5f\r\n        );\r\n}\r\n\r\n.lpt-cta::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 310px;\r\n    height: 310px;\r\n\r\n    right: -120px;\r\n    top: -160px;\r\n\r\n    border: 1px solid rgba(255,255,255,.17);\r\n    border-radius: 100%;\r\n}\r\n\r\n.lpt-cta-copy {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.lpt-cta h2 {\r\n    margin-bottom: 8px;\r\n\r\n    color: white;\r\n\r\n    font-size: clamp(26px, 3vw, 36px);\r\n}\r\n\r\n.lpt-cta p {\r\n    max-width: 670px;\r\n    margin: 0;\r\n\r\n    color: rgba(255,255,255,.79);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n    .lpt-about-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n    }\r\n\r\n    .lpt-about-image {\r\n        min-height: 440px;\r\n    }\r\n\r\n    .lpt-services-grid {\r\n        grid-template-columns: 1fr 1fr;\r\n    }\r\n\r\n    .lpt-benefits {\r\n        grid-template-columns: 1fr 1fr;\r\n    }\r\n\r\n    .lpt-map-card {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .lpt-map-frame,\r\n    .lpt-map-frame iframe {\r\n        min-height: 430px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n    .lpt-container {\r\n        width: calc(100% - 30px);\r\n    }\r\n\r\n    .lpt-section {\r\n        padding: 65px 0;\r\n    }\r\n\r\n    .lpt-hero {\r\n        min-height: 620px;\r\n        background-position: 60% center;\r\n    }\r\n\r\n    .lpt-hero-content {\r\n        padding: 90px 0 125px;\r\n    }\r\n\r\n    .lpt-hero h1 {\r\n        font-size: 38px;\r\n    }\r\n\r\n    .lpt-hero p {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .lpt-hero-actions {\r\n        align-items: stretch;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .lpt-btn {\r\n        width: 100%;\r\n    }\r\n\r\n    .lpt-quick-wrapper {\r\n        margin-top: -52px;\r\n    }\r\n\r\n    .lpt-quick {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .lpt-quick-card {\r\n        border-right: 0;\r\n        border-bottom: 1px solid #e6eeee;\r\n    }\r\n\r\n    .lpt-quick-card:last-child {\r\n        border-bottom: 0;\r\n    }\r\n\r\n    .lpt-about {\r\n        padding-top: 90px;\r\n    }\r\n\r\n    .lpt-about-image {\r\n        min-height: 330px;\r\n    }\r\n\r\n    .lpt-services-grid,\r\n    .lpt-benefits {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .lpt-video-shell {\r\n        padding: 5px;\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .lpt-video-ratio {\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .lpt-video-message {\r\n        top: 12px;\r\n        left: 12px;\r\n    }\r\n\r\n    .lpt-video-toolbar {\r\n        align-items: stretch;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .lpt-sound-btn {\r\n        width: 100%;\r\n    }\r\n\r\n    .lpt-map-info {\r\n        padding: 35px 25px;\r\n    }\r\n\r\n    .lpt-map-frame,\r\n    .lpt-map-frame iframe {\r\n        min-height: 380px;\r\n    }\r\n\r\n    .lpt-cta {\r\n        padding: 38px 26px;\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"lpt-page\">\r\n\r\n\r\n<!-- =========================================================\r\n     HERO\r\n========================================================= -->\r\n\r\n<section class=\"lpt-hero\">\r\n\r\n    <div class=\"lpt-container\">\r\n\r\n        <div class=\"lpt-hero-content\">\r\n\r\n            <div class=\"lpt-hero-badge\">\r\n                \u25cf UPA LABORATORIUM PENGUJIAN TERPADU\r\n            <\/div>\r\n\r\n            <h1>\r\n                Laboratorium Pengujian Terpadu\r\n                UPN \u201cVeteran\u201d Jawa Timur\r\n            <\/h1>\r\n\r\n            <p>\r\n                Mendukung kegiatan pengujian, penelitian, pendidikan,\r\n                dan pelayanan laboratorium melalui fasilitas serta\r\n                layanan yang terintegrasi.\r\n            <\/p>\r\n\r\n            <div class=\"lpt-hero-actions\">\r\n\r\n                <a\r\n                    href=\"#tentang-lpt\"\r\n                    class=\"lpt-btn lpt-btn-white\">\r\n                    Tentang Kami\r\n                <\/a>\r\n\r\n                <a\r\n                    href=\"#video-lpt\"\r\n                    class=\"lpt-btn lpt-btn-outline\">\r\n                    \u25b6 Tonton Video Profil\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     QUICK INFORMATION\r\n========================================================= -->\r\n\r\n<div class=\"lpt-quick-wrapper\">\r\n\r\n    <div class=\"lpt-container\">\r\n\r\n        <div class=\"lpt-quick\">\r\n\r\n            <div class=\"lpt-quick-card\">\r\n\r\n                <div class=\"lpt-quick-icon\">\r\n                    \u2316\r\n                <\/div>\r\n\r\n                <h3>Lokasi<\/h3>\r\n\r\n                <p>\r\n                    Jl. Raya Rungkut Madya,\r\n                    Gunung Anyar, Surabaya\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"lpt-quick-card\">\r\n\r\n                <div class=\"lpt-quick-icon\">\r\n                    \u260e\r\n                <\/div>\r\n\r\n                <h3>Hubungi Kami<\/h3>\r\n\r\n                <a href=\"tel:08593952553\">\r\n                    0859-3952-553\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"lpt-quick-card\">\r\n\r\n                <div class=\"lpt-quick-icon\">\r\n                    \u2709\r\n                <\/div>\r\n\r\n                <h3>Email<\/h3>\r\n\r\n                <a href=\"mailto:upa-labterpadu@upnjatim.ac.id\">\r\n                    upa-labterpadu@upnjatim.ac.id\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     ABOUT\r\n========================================================= -->\r\n\r\n<section\r\n    class=\"lpt-section lpt-about\"\r\n    id=\"tentang-lpt\">\r\n\r\n    <div class=\"lpt-container\">\r\n\r\n        <div class=\"lpt-about-grid\">\r\n\r\n\r\n            <div class=\"lpt-about-image\">\r\n\r\n                <div class=\"lpt-about-badge\">\r\n\r\n                    <strong>\r\n                        UPA LPT UPN \u201cVeteran\u201d Jawa Timur\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Mendukung kegiatan akademik,\r\n                        penelitian dan pengujian.\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"lpt-about-copy\">\r\n\r\n                <span class=\"lpt-eyebrow\">\r\n                    Tentang Kami\r\n                <\/span>\r\n\r\n                <h2>\r\n                    Mengenal Laboratorium\r\n                    Pengujian Terpadu\r\n                <\/h2>\r\n\r\n                <p>\r\n                    UPA Laboratorium Pengujian Terpadu\r\n                    UPN \u201cVeteran\u201d Jawa Timur merupakan unit\r\n                    yang mendukung pelaksanaan kegiatan\r\n                    laboratorium, pengujian, penelitian,\r\n                    dan kegiatan akademik.\r\n                <\/p>\r\n\r\n                <p>\r\n                    Melalui sarana laboratorium yang tersedia,\r\n                    UPA LPT berupaya memberikan pelayanan\r\n                    yang efektif dalam mendukung kebutuhan\r\n                    sivitas akademika maupun pengguna layanan.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"lpt-checks\">\r\n\r\n                    <div class=\"lpt-check-item\">\r\n\r\n                        <span class=\"lpt-check-icon\">\r\n                            \u2713\r\n                        <\/span>\r\n\r\n                        Mendukung kegiatan penelitian\r\n                        dan kegiatan akademik.\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"lpt-check-item\">\r\n\r\n                        <span class=\"lpt-check-icon\">\r\n                            \u2713\r\n                        <\/span>\r\n\r\n                        Menyediakan fasilitas\r\n                        laboratorium dan pengujian.\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"lpt-check-item\">\r\n\r\n                        <span class=\"lpt-check-icon\">\r\n                            \u2713\r\n                        <\/span>\r\n\r\n                        Pelayanan laboratorium\r\n                        yang mudah diakses.\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <a\r\n                    href=\"#video-lpt\"\r\n                    class=\"lpt-btn lpt-btn-teal\">\r\n                    \u25b6 Lihat Video Profil\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     SERVICES\r\n========================================================= -->\r\n\r\n<section class=\"lpt-section lpt-services\">\r\n\r\n    <div class=\"lpt-container\">\r\n\r\n        <div class=\"lpt-heading-center\">\r\n\r\n            <span class=\"lpt-eyebrow\">\r\n                Layanan Kami\r\n            <\/span>\r\n\r\n            <h2 class=\"lpt-title\">\r\n                Layanan Laboratorium Pengujian Terpadu\r\n            <\/h2>\r\n\r\n            <p class=\"lpt-subtitle\">\r\n                Mendukung kebutuhan laboratorium,\r\n                penelitian dan kegiatan akademik\r\n                melalui fasilitas dan layanan yang tersedia.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"lpt-services-grid\">\r\n\r\n\r\n            <article class=\"lpt-service\">\r\n\r\n                <div class=\"lpt-service-number\">\r\n                    01\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Layanan Pengujian\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Mendukung kebutuhan pengujian sesuai\r\n                    dengan ruang lingkup pelayanan\r\n                    laboratorium yang tersedia.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"lpt-service\">\r\n\r\n                <div class=\"lpt-service-number\">\r\n                    02\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Fasilitas Laboratorium\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Sarana laboratorium untuk mendukung\r\n                    kegiatan penelitian, pembelajaran,\r\n                    dan kegiatan akademik.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"lpt-service\">\r\n\r\n                <div class=\"lpt-service-number\">\r\n                    03\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Dukungan Penelitian\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Mendukung kegiatan penelitian mahasiswa,\r\n                    dosen dan kebutuhan pengguna\r\n                    laboratorium.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     VIDEO PROFIL\r\n     AUTO PLAY KETIKA DI-SCROLL\r\n========================================================= -->\r\n\r\n<section\r\n    class=\"lpt-section lpt-video-section\"\r\n    id=\"video-lpt\">\r\n\r\n    <div class=\"lpt-container\">\r\n\r\n\r\n        <div class=\"lpt-heading-center\">\r\n\r\n            <span class=\"lpt-eyebrow\">\r\n                Video Profil\r\n            <\/span>\r\n\r\n            <h2 class=\"lpt-title\">\r\n                Kenali Lebih Dekat UPA LPT\r\n            <\/h2>\r\n\r\n            <p class=\"lpt-subtitle\">\r\n                Video akan diputar secara otomatis ketika\r\n                bagian ini terlihat di layar.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"lpt-video-layout\">\r\n\r\n            <div class=\"lpt-video-shell\">\r\n\r\n\r\n                <div class=\"lpt-video-message\">\r\n\r\n                    <span class=\"lpt-live-dot\"><\/span>\r\n\r\n                    AUTO PLAY SAAT TERLIHAT\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"lpt-video-ratio\">\r\n\r\n                    <div id=\"lptYoutubePlayer\"><\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"lpt-video-toolbar\">\r\n\r\n                <p>\r\n                    Video dimulai tanpa suara.\r\n                    Aktifkan suara jika ingin mendengarkan audio.\r\n                <\/p>\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"lpt-sound-btn\"\r\n                    id=\"lptSoundButton\">\r\n                    \ud83d\udd0a Aktifkan Suara\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     BENEFIT\r\n========================================================= -->\r\n\r\n<section class=\"lpt-section lpt-benefit-section\">\r\n\r\n    <div class=\"lpt-container\">\r\n\r\n\r\n        <div class=\"lpt-heading-center\">\r\n\r\n            <span class=\"lpt-eyebrow\">\r\n                UPA LPT\r\n            <\/span>\r\n\r\n            <h2 class=\"lpt-title\">\r\n                Mendukung Kegiatan Laboratorium dan Penelitian\r\n            <\/h2>\r\n\r\n            <p class=\"lpt-subtitle\">\r\n                Pelayanan yang diarahkan untuk mendukung\r\n                kebutuhan akademik, penelitian dan\r\n                kegiatan laboratorium.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"lpt-benefits\">\r\n\r\n\r\n            <div class=\"lpt-benefit\">\r\n\r\n                <div class=\"lpt-benefit-icon\">\r\n                    \u2697\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Laboratorium\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Fasilitas untuk mendukung\r\n                    berbagai kegiatan laboratorium.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"lpt-benefit\">\r\n\r\n                <div class=\"lpt-benefit-icon\">\r\n                    \u2315\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Penelitian\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Mendukung kebutuhan penelitian\r\n                    sivitas akademika.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"lpt-benefit\">\r\n\r\n                <div class=\"lpt-benefit-icon\">\r\n                    \u2713\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Pelayanan\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Informasi dan pelayanan\r\n                    laboratorium yang mudah diakses.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"lpt-benefit\">\r\n\r\n                <div class=\"lpt-benefit-icon\">\r\n                    \u2302\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Lokasi Strategis\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Berada di lingkungan\r\n                    UPN \u201cVeteran\u201d Jawa Timur.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     LOCATION\r\n========================================================= -->\r\n\r\n<section\r\n    class=\"lpt-section lpt-location\"\r\n    id=\"lokasi-lpt\">\r\n\r\n    <div class=\"lpt-container\">\r\n\r\n\r\n        <div class=\"lpt-heading-center\">\r\n\r\n            <span class=\"lpt-eyebrow\">\r\n                Lokasi Kami\r\n            <\/span>\r\n\r\n            <h2 class=\"lpt-title\">\r\n                Kunjungi Laboratorium Pengujian Terpadu\r\n            <\/h2>\r\n\r\n            <p class=\"lpt-subtitle\">\r\n                Temukan lokasi UPA Laboratorium Pengujian\r\n                Terpadu UPN \u201cVeteran\u201d Jawa Timur.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"lpt-map-card\">\r\n\r\n\r\n            <div class=\"lpt-map-info\">\r\n\r\n                <span class=\"lpt-eyebrow\">\r\n                    Informasi\r\n                <\/span>\r\n\r\n                <h3>\r\n                    Informasi Kontak\r\n                <\/h3>\r\n\r\n\r\n                <div class=\"lpt-contact\">\r\n\r\n                    <strong>\r\n                        ALAMAT\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Jl. Raya Rungkut Madya,\r\n                        Gunung Anyar,\r\n                        Surabaya\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"lpt-contact\">\r\n\r\n                    <strong>\r\n                        TELEPON\r\n                    <\/strong>\r\n\r\n                    <a href=\"tel:08593952553\">\r\n                        0859-3952-553\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"lpt-contact\">\r\n\r\n                    <strong>\r\n                        EMAIL\r\n                    <\/strong>\r\n\r\n                    <a href=\"mailto:upa-labterpadu@upnjatim.ac.id\">\r\n                        upa-labterpadu@upnjatim.ac.id\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n                <a\r\n                    href=\"https:\/\/share.google\/OoL6e8pzeYYygubfy\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                    class=\"lpt-btn lpt-btn-white\"\r\n                    style=\"margin-top:28px;width:100%;\">\r\n                    \u2316 Buka di Google Maps\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"lpt-map-frame\">\r\n\r\n                <iframe\r\n                    src=\"https:\/\/www.google.com\/maps?q=Laboratorium+Pengujian+Terpadu+UPN+Veteran+Jawa+Timur,+Rungkut+Madya,+Surabaya&output=embed\"\r\n                    loading=\"lazy\"\r\n                    allowfullscreen\r\n                    referrerpolicy=\"no-referrer-when-downgrade\">\r\n                <\/iframe>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     CTA\r\n========================================================= -->\r\n\r\n<section class=\"lpt-cta-section\">\r\n\r\n    <div class=\"lpt-container\">\r\n\r\n        <div class=\"lpt-cta\">\r\n\r\n\r\n            <div class=\"lpt-cta-copy\">\r\n\r\n                <h2>\r\n                    Membutuhkan Informasi Layanan?\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Hubungi UPA Laboratorium Pengujian Terpadu\r\n                    UPN \u201cVeteran\u201d Jawa Timur untuk mendapatkan\r\n                    informasi lebih lanjut.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <a\r\n                href=\"mailto:upa-labterpadu@upnjatim.ac.id\"\r\n                class=\"lpt-btn lpt-btn-white\">\r\n                Hubungi Kami \u2192\r\n            <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     YOUTUBE AUTO PLAY ON SCROLL\r\n========================================================= -->\r\n\r\n<script>\r\n(function () {\r\n\r\n    let player = null;\r\n    let playerReady = false;\r\n    let isMuted = true;\r\n\r\n    const section = document.getElementById('video-lpt');\r\n    const soundButton = document.getElementById('lptSoundButton');\r\n\r\n    if (!section) return;\r\n\r\n\r\n    \/* -----------------------------------------\r\n       LOAD YOUTUBE IFRAME API\r\n    ----------------------------------------- *\/\r\n\r\n    function loadYouTubeAPI() {\r\n\r\n        if (window.YT && window.YT.Player) {\r\n            createPlayer();\r\n            return;\r\n        }\r\n\r\n        if (!document.querySelector(\r\n            'script[src=\"https:\/\/www.youtube.com\/iframe_api\"]'\r\n        )) {\r\n\r\n            const tag = document.createElement('script');\r\n\r\n            tag.src =\r\n                'https:\/\/www.youtube.com\/iframe_api';\r\n\r\n            document.head.appendChild(tag);\r\n\r\n        }\r\n\r\n\r\n        const timer = setInterval(function () {\r\n\r\n            if (window.YT && window.YT.Player) {\r\n\r\n                clearInterval(timer);\r\n\r\n                createPlayer();\r\n\r\n            }\r\n\r\n        }, 200);\r\n\r\n    }\r\n\r\n\r\n    \/* -----------------------------------------\r\n       CREATE PLAYER\r\n    ----------------------------------------- *\/\r\n\r\n    function createPlayer() {\r\n\r\n        if (player) return;\r\n\r\n        player = new YT.Player(\r\n            'lptYoutubePlayer',\r\n            {\r\n\r\n                videoId: 'YSDj7oAOdR0',\r\n\r\n                playerVars: {\r\n\r\n                    autoplay: 0,\r\n\r\n                    controls: 1,\r\n\r\n                    rel: 0,\r\n\r\n                    playsinline: 1,\r\n\r\n                    enablejsapi: 1\r\n\r\n                },\r\n\r\n                events: {\r\n\r\n                    onReady: function (event) {\r\n\r\n                        playerReady = true;\r\n\r\n                        \/*\r\n                         * Autoplay awal dibuat muted.\r\n                         *\/\r\n                        event.target.mute();\r\n\r\n                        checkVisibility();\r\n\r\n                    }\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* -----------------------------------------\r\n       PLAY \/ PAUSE BERDASARKAN SCROLL\r\n    ----------------------------------------- *\/\r\n\r\n    const observer =\r\n        new IntersectionObserver(\r\n\r\n            function (entries) {\r\n\r\n                entries.forEach(function (entry) {\r\n\r\n                    if (!playerReady || !player) {\r\n                        return;\r\n                    }\r\n\r\n\r\n                    \/*\r\n                     * Kalau >= 55% video terlihat,\r\n                     * mulai play.\r\n                     *\/\r\n                    if (\r\n                        entry.isIntersecting &&\r\n                        entry.intersectionRatio >= 0.55\r\n                    ) {\r\n\r\n                        if (isMuted) {\r\n                            player.mute();\r\n                        }\r\n\r\n                        player.playVideo();\r\n\r\n                    }\r\n\r\n                    else {\r\n\r\n                        player.pauseVideo();\r\n\r\n                    }\r\n\r\n                });\r\n\r\n            },\r\n\r\n            {\r\n                threshold: [\r\n                    0,\r\n                    0.25,\r\n                    0.55,\r\n                    0.75,\r\n                    1\r\n                ]\r\n            }\r\n\r\n        );\r\n\r\n\r\n    observer.observe(section);\r\n\r\n\r\n    \/* -----------------------------------------\r\n       CEK PADA LOAD\r\n    ----------------------------------------- *\/\r\n\r\n    function checkVisibility() {\r\n\r\n        if (!playerReady || !player) return;\r\n\r\n        const rect =\r\n            section.getBoundingClientRect();\r\n\r\n        const windowHeight =\r\n            window.innerHeight ||\r\n            document.documentElement.clientHeight;\r\n\r\n\r\n        const visibleTop =\r\n            Math.max(\r\n                0,\r\n                rect.top\r\n            );\r\n\r\n        const visibleBottom =\r\n            Math.min(\r\n                windowHeight,\r\n                rect.bottom\r\n            );\r\n\r\n        const visibleHeight =\r\n            Math.max(\r\n                0,\r\n                visibleBottom - visibleTop\r\n            );\r\n\r\n        const ratio =\r\n            visibleHeight \/\r\n            Math.min(\r\n                rect.height,\r\n                windowHeight\r\n            );\r\n\r\n\r\n        if (ratio >= 0.55) {\r\n\r\n            player.mute();\r\n\r\n            player.playVideo();\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* -----------------------------------------\r\n       SOUND BUTTON\r\n    ----------------------------------------- *\/\r\n\r\n    if (soundButton) {\r\n\r\n        soundButton.addEventListener(\r\n            'click',\r\n            function () {\r\n\r\n                if (!playerReady || !player) {\r\n                    return;\r\n                }\r\n\r\n\r\n                if (isMuted) {\r\n\r\n                    player.unMute();\r\n\r\n                    player.setVolume(100);\r\n\r\n                    player.playVideo();\r\n\r\n                    isMuted = false;\r\n\r\n                    soundButton.innerHTML =\r\n                        '\ud83d\udd07 Matikan Suara';\r\n\r\n                }\r\n\r\n                else {\r\n\r\n                    player.mute();\r\n\r\n                    isMuted = true;\r\n\r\n                    soundButton.innerHTML =\r\n                        '\ud83d\udd0a Aktifkan Suara';\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    loadYouTubeAPI();\r\n\r\n})();\r\n<\/script>\t\t<\/div>\n\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>\u25cf UPA LABORATORIUM PENGUJIAN TERPADU Laboratorium Pengujian Terpadu UPN \u201cVeteran\u201d Jawa Timur Mendukung kegiatan pengujian, penelitian, pendidikan, dan pelayanan laboratorium melalui fasilitas serta layanan yang [&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-180","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lpt.upnjatim.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/180"}],"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=180"}],"version-history":[{"count":6,"href":"https:\/\/lpt.upnjatim.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/180\/revisions"}],"predecessor-version":[{"id":567,"href":"https:\/\/lpt.upnjatim.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/180\/revisions\/567"}],"wp:attachment":[{"href":"https:\/\/lpt.upnjatim.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}