{"id":1220,"date":"2024-06-27T09:48:25","date_gmt":"2024-06-27T02:48:25","guid":{"rendered":"https:\/\/ladangmaslestari.com\/?page_id=1220"},"modified":"2024-08-08T14:00:08","modified_gmt":"2024-08-08T07:00:08","slug":"brands","status":"publish","type":"page","link":"https:\/\/ladangmaslestari.com\/?page_id=1220","title":{"rendered":"Brands"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1220\" class=\"elementor elementor-1220\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55c405f5 e-flex e-con-boxed e-con e-parent\" data-id=\"55c405f5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a90ff8 e-con-full e-flex e-con e-parent\" data-id=\"5a90ff8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fdc5187 elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-html\" data-id=\"fdc5187\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <link href='https:\/\/fonts.googleapis.com\/css?family=Poppins' rel='stylesheet'>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n    <style>\r\n        body {\r\n            font-family: 'Poppins';\r\n            background-color: #f0f;\r\n            height: 4000px;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n        .container > div img.logo-small {\r\n            position: absolute;\r\n            top: 10px;\r\n            transition: opacity 0.5s ease-in-out;\r\n        }\r\n        .container > div:hover img.logo-small {\r\n            opacity: 0;\r\n        }\r\n\r\n        nav {\r\n            position: fixed;\r\n            top: 0;\r\n            width: 100%;\r\n            padding: 10px 0;\r\n            z-index: 1000;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            border-bottom: 2px solid white;\r\n        }\r\n        nav.scroll {\r\n            background-color: white;\r\n            box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        nav.scroll .logo {\r\n            filter: invert(1);\r\n        }\r\n        nav.scroll ul li a {\r\n            color: #000;\r\n        }\r\n\r\n        .logo-wrapper {\r\n            margin-left: 100px; \/* Jarak dari kiri *\/\r\n        }\r\n\r\n        .logo {\r\n            height: 40px; \/* Tinggi logo *\/\r\n            width: auto;\r\n            transition: filter 0.3s;\r\n        }\r\n\r\n        .nav-menu {\r\n            display: flex;\r\n            align-items: center;\r\n            margin-right: 200px; \/* Jarak dari kanan *\/\r\n        }\r\n\r\n        nav:hover {\r\n            background-color: white;\r\n        }\r\n\r\n        nav ul li a {\r\n            color: #000;\r\n            font-size: 12px;\r\n        }\r\n        nav:hover ul li a {\r\n            color: #000;\r\n        }\r\n        nav:hover ul li  {\r\n            background-color: #fff;\r\n        }\r\n\r\n        nav:hover .logo {\r\n            filter: invert(1);\r\n        }\r\n\r\n        nav ul li a:hover {\r\n            color: #FFBB59;\r\n        }\r\n\r\n        ul {\r\n            margin: 0;\r\n            padding: 0;\r\n            list-style: none;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        ul li {\r\n            position: relative;\r\n        }\r\n\r\n        ul li a {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            color: #FFF;\r\n            text-align: center;\r\n            padding: 14px 26px;\r\n            text-decoration: none;\r\n        }\r\n        ul li a i {\r\n            margin-left: auto;\r\n            font-size: 6pt;\r\n        }\r\n\r\n        .rotate {\r\n            transition: transform 0.3s ease;\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .rotate-right {\r\n            transition: transform 0.3s ease;\r\n            transform: rotate(90deg);\r\n        }\r\n\r\n        ul li a:hover {\r\n            color: #FFBB59;\r\n        }\r\n\r\n        ul ul {\r\n            display: none;\r\n            padding: 0;\r\n            position: absolute;\r\n            top: 100%;\r\n            left: 0;\r\n            z-index: 1000;\r\n        }\r\n\r\n        ul ul li {\r\n            float: none;\r\n            position: relative;\r\n        }\r\n\r\n        ul li:hover > ul {\r\n            display: block;\r\n            width: 120px;\r\n        }\r\n\r\n        ul li ul li:hover > ul {\r\n            width: 190px;\r\n            display: block;\r\n        }\r\n\r\n        ul ul li a {\r\n            text-align: left;\r\n            padding: 10px 10px 20px 25px;\r\n            color: #000;\r\n            border-bottom: 2px solid white;\r\n        }\r\n\r\n        ul ul li a:hover {\r\n            color: #FFBB59;\r\n        }\r\n\r\n        ul ul ul {\r\n            position: absolute;\r\n            left: 100%;\r\n            top: 0;\r\n        }\r\n\r\n        .active {\r\n            background-color: #FFBB59;\r\n        }\r\n        .logo-small {\r\n            position: absolute;\r\n            top: 0; \/* Menempatkan logo di atas *\/\r\n            transform: translateY(0); \/* Tidak ada pergeseran vertikal *\/\r\n            width: 80px;\r\n            height: auto;\r\n            transition: opacity 0.5s ease-in-out;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <nav id=\"navbar\">\r\n        <div class=\"logo-wrapper\">\r\n            <a href=\"https:\/\/ladangmaslestari.com\">\r\n                <img decoding=\"async\" src=\"https:\/\/ladangmaslestari.com\/wp-content\/uploads\/2024\/06\/LML-Logo-Alt-01.png\" alt=\"Logo\" class=\"logo\" style=\"width:140px\">\r\n            <\/a>\r\n        <\/div>\r\n        <div class=\"nav-menu\">\r\n            <ul>\r\n                <li><a href=\"https:\/\/ladangmaslestari.com\">Home<\/a><\/li>\r\n                <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=194#About%20Us\">About<\/a><\/li>\r\n                <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=1220\">Brands&nbsp<i class=\"fa-solid fa-chevron-down\"><\/i><\/a>\r\n                    <ul>\r\n                        <li><a href=\"#\">V-Kool <i class=\"fa-solid fa-chevron-right\"><\/i><\/a>\r\n                            <ul>\r\n                                <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=2615\">Limited Edition Series<\/a><\/li>\r\n                                <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=2657\">Diamond Series<\/a><\/li>\r\n                                <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=2745\">Gold Series<\/a><\/li>\r\n                                <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=2747\">Silver Series<\/a><\/li>\r\n                                <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=1740\">VK 70<\/a><\/li>\r\n                                <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=1745\">VK 40<\/a><\/li>\r\n                                <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=2064\">VK VIP<\/a><\/li>\r\n                                <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=2682\">VK X15<\/a><\/li>\r\n                                <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=2695\">VK X05<\/a><\/li>\r\n                            <\/ul>\r\n                        <\/li>\r\n                        <li><a href=\"#\">Solar Gard<i class=\"fa-solid fa-chevron-right\"><\/i><\/a>\r\n                            <ul>\r\n                                <li><a href=\"#\">Solar Gard Premium<i class=\"fa-solid fa-chevron-right\"><\/i><\/a>\r\n                                    <ul>\r\n                                        <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=2809\">Lx Series<\/a><\/li>\r\n                                        <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=2822\">Black Phantom<\/a><\/li>\r\n                                        <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=2842\">Platinum Series<\/a><\/li>\r\n                                        <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=2855\">OEM Series<\/a><\/li>\r\n                                    <\/ul>\r\n                                <\/li>\r\n                                <li><a href=\"#\">Solar Gard<i class=\"fa-solid fa-chevron-right\"><\/i><\/a>\r\n                                    <ul>\r\n                                        <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=4342\">Autofilm Series<\/a><\/li>\r\n                                        <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=4344\">OEM Series<\/a><\/li>\r\n                                    <\/ul>\r\n                                <\/li>\r\n                            <\/ul>\r\n                        <\/li>\r\n                        <li><a href=\"#\">H\u00fcper Optik<i class=\"fa-solid fa-chevron-right\"><\/i><\/a>\r\n                            <ul>\r\n                                <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=2885\">H\u00fcper Ceramic Series<\/a>\r\n                                <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=2895\">H\u00fcper Klassich Series<\/a>\r\n                                <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=2902\">H\u00fcper Select Drei Series<\/a>\r\n                            <\/ul>\r\n                        <\/li>\r\n                        <li><a href=\"#\">U-Film<i class=\"fa-solid fa-chevron-right\"><\/i><\/a>\r\n                            <ul>\r\n                                <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=2918\">The Prime Series<\/a>\r\n                                <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=2918\">The Prime Series<\/a>\r\n                                <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=2918\">The Prime Series<\/a>\r\n                                <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=2918\">The Prime Series<\/a>\r\n                            <\/ul>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/li>\r\n                <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=194#Our%20Projects\">Projects<\/a><\/li>\r\n                <li><a href=\"https:\/\/ladangmaslestari.com\/?page_id=1276\">Contact<\/a><\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/nav>\r\n    \r\n    <script>\r\n        window.onscroll = function() {\r\n            var navbar = document.getElementById(\"navbar\");\r\n            if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {\r\n                navbar.classList.add(\"scroll\");\r\n            } else {\r\n                navbar.classList.remove(\"scroll\");\r\n            }\r\n        };\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21565f7b e-con-full e-flex e-con e-child\" data-id=\"21565f7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e5ab95 elementor-widget elementor-widget-wp-widget-custom_html\" data-id=\"9e5ab95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wp-widget-custom_html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"textwidget custom-html-widget\"> <div class=\"container\">\r\n        <div>\r\n            <img decoding=\"async\" class=\"logo-small\" style=\"position: absolute;top: 30px;left: 20%;width: 80px;height: auto\" src=\"https:\/\/ladangmaslestari.com\/wp-content\/uploads\/2024\/06\/LOGO-VKOOL-WHITE.png\" alt=\"Logo\">\r\n\r\n            <div class=\"content\">\r\n                <h2><img decoding=\"async\" src=\"https:\/\/ladangmaslestari.com\/wp-content\/uploads\/2024\/06\/LOGO-VKOOL-WHITE.png\" alt=\"Logo\" style=\"width: 180px;height: 30px;margin-right: 0px\"><\/h2>\r\n            <\/div>\r\n        <\/div>\r\n        <div>\r\n            <img decoding=\"async\" class=\"logo-small\" style=\"position: absolute;top: 30px;left: 20%;width: 80px;height: auto\" src=\"https:\/\/ladangmaslestari.com\/wp-content\/uploads\/2024\/06\/Logo-SG-Premium-Putih-Hiress-2048x484.png\" alt=\"Logo\">\r\n\r\n            <div class=\"content\">\r\n                <h2><img decoding=\"async\" src=\"https:\/\/ladangmaslestari.com\/wp-content\/uploads\/2024\/06\/Logo-SG-Premium-Putih-Hiress-2048x484.png\" alt=\"Logo\" style=\"width: 180px;height: 50px;margin-right: 0px\"><\/h2>\r\n            <\/div>\r\n        <\/div>\r\n        <div>\r\n            <img decoding=\"async\" class=\"logo-small\" style=\"position: absolute;top: 30px;left: 20%;width: 80px;height: auto\" src=\"https:\/\/ladangmaslestari.com\/wp-content\/uploads\/2024\/06\/Logo-Huper-Optik.png\" alt=\"Logo\">\r\n\r\n            <div class=\"content\">\r\n                <h2><img decoding=\"async\" src=\"https:\/\/ladangmaslestari.com\/wp-content\/uploads\/2024\/06\/Logo-Huper-Optik.png\" alt=\"Logo\" style=\"width: 200px;height: 69px;margin-right: 0px\"><\/h2>\r\n            <\/div>\r\n        <\/div>\r\n        <div>\r\n            <img decoding=\"async\" class=\"logo-small\" style=\"position: absolute;top: 30px;left: 20%;width: 80px;height: auto\" src=\"https:\/\/ladangmaslestari.com\/wp-content\/uploads\/2024\/06\/ufilm-logo-white-01.png\" alt=\"Logo\">\r\n\r\n            <div class=\"content\">\r\n                <h2><img decoding=\"async\" src=\"https:\/\/ladangmaslestari.com\/wp-content\/uploads\/2024\/06\/ufilm-logo-white-01.png\" alt=\"Logo\" style=\"width: 180px;height: 30px;margin-right: 0px\"><\/h2>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6226cb25 e-con-full e-flex e-con e-child\" data-id=\"6226cb25\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d85b01c elementor-widget elementor-widget-heading\" data-id=\"7d85b01c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Our Brands<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9417a81 elementor-widget elementor-widget-text-editor\" data-id=\"9417a81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We specialize in providing high-quality window film solutions tailored to meet your needs. Our services encompass a wide range of applications, including automotive, residential, and commercial window films. We offer professional installation services that ensure optimal performance and durability, utilizing advanced technology to enhance UV protection, heat rejection, and privacy. Our team of experts is committed to delivering exceptional customer service, from consultation to installation and after-sales support. Trust Ladang Mas Lestari for reliable and efficient window film solutions that improve comfort, safety, and energy efficiency.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-750b5210 e-con-full e-flex e-con e-parent\" data-id=\"750b5210\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-14a969b4 e-con-full e-flex e-con e-child\" data-id=\"14a969b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79379d8c elementor-widget elementor-widget-heading\" data-id=\"79379d8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">V-Kool<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29916dde elementor-widget elementor-widget-text-editor\" data-id=\"29916dde\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A brand of Eastman Chemical Company, recognized globally as a leader in the spectrally-selective sputtered window film industry for automotive and architectural window films.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79edbb5e e-con-full e-flex e-con e-child\" data-id=\"79edbb5e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c5f244 elementor-widget elementor-widget-html\" data-id=\"0c5f244\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Document<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            --index: calc(1vw + 1vh);\n            --transition: cubic-bezier(.1, .7, 0, 1);\n        }\n\n        body {\n            background-color: #fff;\n        }\n\n        .wrapper {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            height: 100vh;\n        }\n\n        .items {\n            display: flex;\n            gap: 0.5rem;\n            perspective: calc(var(--index) * 35);\n        }\n\n        .item {\n            width: calc(var(--index) * 3);\n            height: calc(var(--index) * 12);\n            background-color: #222;\n            background-size: cover;\n            background-position: center;\n            cursor: pointer;\n            filter: grayscale(1) brightness(.5);\n            transition: transform 1.25s var(--transition), filter 3s var(--transition), width 1.25s var(--transition);\n            will-change: transform, filter, rotateY, width;\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .item::before, .item::after {\n            content: '';\n            position: absolute;\n            height: 100%;\n            width: 20px;\n            right: calc(var(--index) * -1);\n        }\n\n        .item::after {\n            left: calc(var(--index) * -1);\n        }\n\n        .items .item:hover {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * 10));\n        }\n\n        .items .item:hover + * {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * 8.5)) rotateY(35deg);\n            z-index: -1;\n        }\n\n        .items .item:hover + * + * {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * 5.6)) rotateY(40deg);\n            z-index: -2;\n        }\n\n        .items .item:hover + * + * + * {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * 2.5)) rotateY(30deg);\n            z-index: -3;\n        }\n\n        .items .item:hover + * + * + * + * {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * .6)) rotateY(15deg);\n            z-index: -4;\n        }\n\n        .items .item:has( + :hover) {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * 8.5)) rotateY(-35deg);\n        }\n\n        .items .item:has( + * + :hover) {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * 5.6)) rotateY(-40deg);\n        }\n\n        .items .item:has( + * + * + :hover) {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * 2.5)) rotateY(-30deg);\n        }\n\n        .items .item:has( + * + * + * + :hover) {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * .6)) rotateY(-15deg);\n        }\n\n        .items .item:active, .items .item:focus {\n            width: 28vw;\n            filter: inherit;\n            z-index: 100;\n            transform: translateZ(calc(var(--index) * 10));\n            margin: 0 .45vw;\n        }\n\n        .item-content {\n            color: #fff;\n            font-size: 32pt;\n            text-align: center;\n            transition: transform 0.3s;\n        }\n\n        .rotate-90 {\n            transform: rotate(90deg);\n        }\n\n        .hidden {\n            display: none;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"wrapper\">\n        <div class=\"items\">\n            <div class=\"item\" tabindex=\"0\" style=\"background-image: url(https:\/\/images.pexels.com\/photos\/15071552\/pexels-photo-15071552\/free-photo-of-reflection-in-car-window.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1)\" data-link=\"https:\/\/ladangmaslestari.com\/?page_id=2615\">\n                <div class=\"item-content rotate-90\" style=\"font-size: 18pt;\">\n                    <p id=\"text-title\" class=\"text-title hidden\">Solar Gard<\/p>\n                    <span id=\"text-content\">LIMITED&nbspEDITION<\/span>\n                <\/div>\n            \n            <\/div>\n            <div class=\"item\" tabindex=\"0\" style=\"background-image: url(https:\/\/i.pinimg.com\/564x\/e3\/79\/1d\/e3791d1943b1e08ae888633da221492c.jpg)\" data-link=\"https:\/\/ladangmaslestari.com\/?page_id=2657\">\n                <div class=\"item-content rotate-90\" style=\"font-size: 18pt;\">\n                    <p id=\"text-title\" class=\"text-title hidden\">Solar Gard<\/p>\n                    <p id=\"text-content\">DIAMOND&nbspSERIES<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"item\" tabindex=\"0\" style=\"background-image: url(https:\/\/i.pinimg.com\/564x\/e3\/79\/1d\/e3791d1943b1e08ae888633da221492c.jpg)\" data-link=\"https:\/\/ladangmaslestari.com\/?page_id=2745\">\n                <div class=\"item-content rotate-90\" style=\"font-size: 18pt;\">\n                    <p id=\"text-title\" class=\"text-title hidden\">Solar Gard<\/p>\n                    <p id=\"text-content\">GOLD&nbspSERIES<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"item\" tabindex=\"0\" style=\"background-image: url(https:\/\/i.pinimg.com\/564x\/e3\/79\/1d\/e3791d1943b1e08ae888633da221492c.jpg)\" data-link=\"https:\/\/ladangmaslestari.com\/?page_id=2747\">\n                <div class=\"item-content rotate-90\" style=\"font-size: 18pt;\">\n                    <p id=\"text-title\" class=\"text-title hidden\">Vkool<\/p>\n                    <p id=\"text-content\">SILVER&nbspSERIES<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"item\" tabindex=\"0\" style=\"background-image: url(https:\/\/i.pinimg.com\/564x\/e3\/79\/1d\/e3791d1943b1e08ae888633da221492c.jpg)\" data-link=\"https:\/\/ladangmaslestari.com\/?page_id=1740\">\n                <div class=\"item-content rotate-90\" style=\"font-size: 18pt;\">\n                    <p id=\"text-title\" class=\"text-title hidden\">  <\/p>\n                    <p id=\"text-content\">VK70<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"item\" tabindex=\"0\" style=\"background-image: url(https:\/\/i.pinimg.com\/564x\/e3\/79\/1d\/e3791d1943b1e08ae888633da221492c.jpg)\" data-link=\"https:\/\/ladangmaslestari.com\/?page_id=1745\">\n                <div class=\"item-content rotate-90\" style=\"font-size: 18pt;\">\n                    <p id=\"text-title\" class=\"text-title hidden\">Solar Gard<\/p>\n                    <p id=\"text-content\">VK40<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"item\" tabindex=\"0\" style=\"background-image: url(https:\/\/i.pinimg.com\/564x\/e3\/79\/1d\/e3791d1943b1e08ae888633da221492c.jpg)\" data-link=\"https:\/\/ladangmaslestari.com\/?page_id=2064\">\n                <div class=\"item-content rotate-90\" style=\"font-size: 18pt;\">\n                    <p id=\"text-title\" class=\"text-title hidden\">Solar Gard<\/p>\n                    <p id=\"text-content\">VK&nbspVIP<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"item\" tabindex=\"0\" style=\"background-image: url(https:\/\/i.pinimg.com\/564x\/e3\/79\/1d\/e3791d1943b1e08ae888633da221492c.jpg)\" data-link=\"https:\/\/ladangmaslestari.com\/?page_id=2682\">\n                <div class=\"item-content rotate-90\" style=\"font-size: 18pt;\">\n                    <p id=\"text-title\" class=\"text-title hidden\">Solar Gard<\/p>\n                    <p id=\"text-content\">VK&nbspX15<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"item\" tabindex=\"0\" style=\"background-image: url(https:\/\/i.pinimg.com\/564x\/e3\/79\/1d\/e3791d1943b1e08ae888633da221492c.jpg)\" data-link=\"https:\/\/ladangmaslestari.com\/?page_id=2695\">\n                <div class=\"item-content rotate-90\" style=\"font-size: 18pt;\">\n                    <p id=\"text-title\" class=\"text-title hidden\">Solar Gard<\/p>\n                    <p id=\"text-content\">VK&nbspX05<\/p>\n                <\/div>\n            <\/div>\n            \n        <\/div>\n    <\/div>\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const items = document.querySelectorAll('.item');\n\n            items.forEach(item => {\n                let clickedOnce = false;\n                item.addEventListener('click', function() {\n                    const content = this.querySelector('.item-content');\n                    const title = content.querySelector('.text-title');\n                    content.classList.toggle('rotate-90');\n                    title.classList.toggle('hidden');\n                    \n                    if (clickedOnce) {\n                        window.location.href = this.getAttribute('data-link');\n                    } else {\n                        clickedOnce = true;\n                        setTimeout(() => clickedOnce = false, 500); \/\/ Reset if not clicked within 0.5 seconds\n                    }\n                });\n            });\n\n            document.addEventListener('click', function(event) {\n                if (!event.target.closest('.item')) {\n                    items.forEach(item => {\n                        const content = item.querySelector('.item-content');\n                        const title = content.querySelector('.text-title');\n                        content.classList.add('rotate-90');\n                        title.classList.add('hidden');\n                    });\n                }\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a1a2c35 e-con-full e-flex e-con e-parent\" data-id=\"5a1a2c35\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-10e7ba8a e-con-full e-flex e-con e-child\" data-id=\"10e7ba8a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5417f4c9 elementor-widget elementor-widget-heading\" data-id=\"5417f4c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Solar Gard<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f344a7f elementor-widget elementor-widget-text-editor\" data-id=\"5f344a7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Solar Gard is a global leader in patent-protected film technologies for solar control and surface protection across the automotive, residential, and commercial industries.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41f9b85f e-con-full e-flex e-con e-child\" data-id=\"41f9b85f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12a9474 elementor-widget elementor-widget-html\" data-id=\"12a9474\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Document<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            --index: calc(1vw + 1vh);\n            --transition: cubic-bezier(.1, .7, 0, 1);\n        }\n\n        body {\n            background-color: #fff;\n        }\n\n        .wrapper {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            height: 100vh;\n        }\n\n        .items {\n            display: flex;\n            gap: 0.5rem;\n            perspective: calc(var(--index) * 35);\n        }\n\n        .item {\n            width: calc(var(--index) * 3);\n            height: calc(var(--index) * 12);\n            background-color: #222;\n            background-size: cover;\n            background-position: center;\n            cursor: pointer;\n            filter: grayscale(1) brightness(.5);\n            transition: transform 1.25s var(--transition), filter 3s var(--transition), width 1.25s var(--transition);\n            will-change: transform, filter, rotateY, width;\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .item::before, .item::after {\n            content: '';\n            position: absolute;\n            height: 100%;\n            width: 20px;\n            right: calc(var(--index) * -1);\n        }\n\n        .item::after {\n            left: calc(var(--index) * -1);\n        }\n\n        .items .item:hover {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * 10));\n        }\n\n        .items .item:hover + * {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * 8.5)) rotateY(35deg);\n            z-index: -1;\n        }\n\n        .items .item:hover + * + * {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * 5.6)) rotateY(40deg);\n            z-index: -2;\n        }\n\n        .items .item:hover + * + * + * {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * 2.5)) rotateY(30deg);\n            z-index: -3;\n        }\n\n        .items .item:hover + * + * + * + * {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * .6)) rotateY(15deg);\n            z-index: -4;\n        }\n\n        .items .item:has( + :hover) {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * 8.5)) rotateY(-35deg);\n        }\n\n        .items .item:has( + * + :hover) {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * 5.6)) rotateY(-40deg);\n        }\n\n        .items .item:has( + * + * + :hover) {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * 2.5)) rotateY(-30deg);\n        }\n\n        .items .item:has( + * + * + * + :hover) {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * .6)) rotateY(-15deg);\n        }\n\n        .items .item:active, .items .item:focus {\n            width: 28vw;\n            filter: inherit;\n            z-index: 100;\n            transform: translateZ(calc(var(--index) * 10));\n            margin: 0 .45vw;\n        }\n\n        .item-content {\n            color: #fff;\n            font-size: 32pt;\n            text-align: center;\n            transition: transform 0.3s;\n        }\n\n        .rotate-90 {\n            transform: rotate(90deg);\n        }\n\n        .hidden {\n            display: none;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"wrapper\">\n        <div class=\"items\">\n            <div class=\"item\" tabindex=\"0\" style=\"background-image: url(https:\/\/images.pexels.com\/photos\/15071552\/pexels-photo-15071552\/free-photo-of-reflection-in-car-window.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1)\" data-link=\"https:\/\/ladangmaslestari.com\/?page_id=2615\">\n                <div class=\"item-content rotate-90\" style=\"font-size: 18pt;\">\n                    <p id=\"text-title\" class=\"text-title hidden\">Solar Gard<\/p>\n                    <span id=\"text-content\">LX&nbspSERIES<\/span>\n                <\/div>\n            \n            <\/div>\n            <div class=\"item\" tabindex=\"0\" style=\"background-image: url(https:\/\/i.pinimg.com\/564x\/e3\/79\/1d\/e3791d1943b1e08ae888633da221492c.jpg)\" data-link=\"https:\/\/ladangmaslestari.com\/?page_id=2657\">\n                <div class=\"item-content rotate-90\" style=\"font-size: 18pt;\">\n                    <p id=\"text-title\" class=\"text-title hidden\">Solar Gard<\/p>\n                    <p id=\"text-content\">BLACK&nbspPHANTOM<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"item\" tabindex=\"0\" style=\"background-image: url(https:\/\/i.pinimg.com\/564x\/e3\/79\/1d\/e3791d1943b1e08ae888633da221492c.jpg)\" data-link=\"https:\/\/ladangmaslestari.com\/?page_id=2745\">\n                <div class=\"item-content rotate-90\" style=\"font-size: 18pt;\">\n                    <p id=\"text-title\" class=\"text-title hidden\">Solar Gard<\/p>\n                    <p id=\"text-content\">PLATINUM&nbspSERIES<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"item\" tabindex=\"0\" style=\"background-image: url(https:\/\/i.pinimg.com\/564x\/e3\/79\/1d\/e3791d1943b1e08ae888633da221492c.jpg)\" data-link=\"https:\/\/ladangmaslestari.com\/?page_id=2747\">\n                <div class=\"item-content rotate-90\" style=\"font-size: 18pt;\">\n                    <p id=\"text-title\" class=\"text-title hidden\">Vkool<\/p>\n                    <p id=\"text-content\">OEM&nbspSERIES<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"item\" tabindex=\"0\" style=\"background-image: url(https:\/\/i.pinimg.com\/564x\/e3\/79\/1d\/e3791d1943b1e08ae888633da221492c.jpg)\" data-link=\"https:\/\/ladangmaslestari.com\/?page_id=1740\">\n                <div class=\"item-content rotate-90\" style=\"font-size: 18pt;\">\n                    <p id=\"text-title\" class=\"text-title hidden\">  <\/p>\n                    <p id=\"text-content\">AUTOFILM&nbspSERIES<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"item\" tabindex=\"0\" style=\"background-image: url(https:\/\/i.pinimg.com\/564x\/e3\/79\/1d\/e3791d1943b1e08ae888633da221492c.jpg)\" data-link=\"https:\/\/ladangmaslestari.com\/?page_id=1745\">\n                <div class=\"item-content rotate-90\" style=\"font-size: 18pt;\">\n                    <p id=\"text-title\" class=\"text-title hidden\">Solar Gard<\/p>\n                    <p id=\"text-content\">OEM&nbspSERIES<\/p>\n                <\/div>\n            <\/div>\n            \n            \n        <\/div>\n    <\/div>\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const items = document.querySelectorAll('.item');\n\n            items.forEach(item => {\n                let clickedOnce = false;\n                item.addEventListener('click', function() {\n                    const content = this.querySelector('.item-content');\n                    const title = content.querySelector('.text-title');\n                    content.classList.toggle('rotate-90');\n                    title.classList.toggle('hidden');\n                    \n                    if (clickedOnce) {\n                        window.location.href = this.getAttribute('data-link');\n                    } else {\n                        clickedOnce = true;\n                        setTimeout(() => clickedOnce = false, 500); \/\/ Reset if not clicked within 0.5 seconds\n                    }\n                });\n            });\n\n            document.addEventListener('click', function(event) {\n                if (!event.target.closest('.item')) {\n                    items.forEach(item => {\n                        const content = item.querySelector('.item-content');\n                        const title = content.querySelector('.text-title');\n                        content.classList.add('rotate-90');\n                        title.classList.add('hidden');\n                    });\n                }\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ecfd202 e-con-full e-flex e-con e-parent\" data-id=\"ecfd202\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-5898b11 e-con-full e-flex e-con e-child\" data-id=\"5898b11\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38d06d1 elementor-widget elementor-widget-heading\" data-id=\"38d06d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Huper Optik <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db53997 elementor-widget elementor-widget-text-editor\" data-id=\"db53997\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tHuper Optik is the world leader in nanoceramic window films. Our petented technology offers solar control for automotive, commercial, residential, marine and security applications.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ac7c3f e-con-full e-flex e-con e-child\" data-id=\"1ac7c3f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-653e6d2 elementor-widget elementor-widget-html\" data-id=\"653e6d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Document<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            --index: calc(1vw + 1vh);\n            --transition: cubic-bezier(.1, .7, 0, 1);\n        }\n\n        body {\n            background-color: #fff;\n        }\n\n        .wrapper {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            height: 100vh;\n        }\n\n        .items {\n            display: flex;\n            gap: 0.5rem;\n            perspective: calc(var(--index) * 35);\n        }\n\n        .item {\n            width: calc(var(--index) * 3);\n            height: calc(var(--index) * 12);\n            background-color: #222;\n            background-size: cover;\n            background-position: center;\n            cursor: pointer;\n            filter: grayscale(1) brightness(.5);\n            transition: transform 1.25s var(--transition), filter 3s var(--transition), width 1.25s var(--transition);\n            will-change: transform, filter, rotateY, width;\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .item::before, .item::after {\n            content: '';\n            position: absolute;\n            height: 100%;\n            width: 20px;\n            right: calc(var(--index) * -1);\n        }\n\n        .item::after {\n            left: calc(var(--index) * -1);\n        }\n\n        .items .item:hover {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * 10));\n        }\n\n        .items .item:hover + * {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * 8.5)) rotateY(35deg);\n            z-index: -1;\n        }\n\n        .items .item:hover + * + * {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * 5.6)) rotateY(40deg);\n            z-index: -2;\n        }\n\n        .items .item:hover + * + * + * {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * 2.5)) rotateY(30deg);\n            z-index: -3;\n        }\n\n        .items .item:hover + * + * + * + * {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * .6)) rotateY(15deg);\n            z-index: -4;\n        }\n\n        .items .item:has( + :hover) {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * 8.5)) rotateY(-35deg);\n        }\n\n        .items .item:has( + * + :hover) {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * 5.6)) rotateY(-40deg);\n        }\n\n        .items .item:has( + * + * + :hover) {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * 2.5)) rotateY(-30deg);\n        }\n\n        .items .item:has( + * + * + * + :hover) {\n            filter: inherit;\n            transform: translateZ(calc(var(--index) * .6)) rotateY(-15deg);\n        }\n\n        .items .item:active, .items .item:focus {\n            width: 28vw;\n            filter: inherit;\n            z-index: 100;\n            transform: translateZ(calc(var(--index) * 10));\n            margin: 0 .45vw;\n        }\n\n        .item-content {\n            color: #fff;\n            font-size: 32pt;\n            text-align: center;\n            transition: transform 0.3s;\n        }\n\n        .rotate-90 {\n            transform: rotate(90deg);\n        }\n\n        .hidden {\n            display: none;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"wrapper\">\n        <div class=\"items\">\n            <div class=\"item\" tabindex=\"0\" style=\"background-image: url(https:\/\/images.pexels.com\/photos\/15071552\/pexels-photo-15071552\/free-photo-of-reflection-in-car-window.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1)\" data-link=\"https:\/\/ladangmaslestari.com\/?page_id=2615\">\n                <div class=\"item-content rotate-90\" style=\"font-size: 18pt;\">\n                    <p id=\"text-title\" class=\"text-title hidden\">Solar Gard<\/p>\n                    <span id=\"text-content\">CERAMIC&nbspSERIES<\/span>\n                <\/div>\n            \n            <\/div>\n            <div class=\"item\" tabindex=\"0\" style=\"background-image: url(https:\/\/i.pinimg.com\/564x\/e3\/79\/1d\/e3791d1943b1e08ae888633da221492c.jpg)\" data-link=\"https:\/\/ladangmaslestari.com\/?page_id=2657\">\n                <div class=\"item-content rotate-90\" style=\"font-size: 18pt;\">\n                    <p id=\"text-title\" class=\"text-title hidden\">Solar Gard<\/p>\n                    <p id=\"text-content\">KLASSISCH&nbspSERIES<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"item\" tabindex=\"0\" style=\"background-image: url(https:\/\/i.pinimg.com\/564x\/e3\/79\/1d\/e3791d1943b1e08ae888633da221492c.jpg)\" data-link=\"https:\/\/ladangmaslestari.com\/?page_id=2745\">\n                <div class=\"item-content rotate-90\" style=\"font-size: 18pt;\">\n                    <p id=\"text-title\" class=\"text-title hidden\">Solar Gard<\/p>\n                    <p id=\"text-content\">SELECT&nbspDREI<\/p>\n                <\/div>\n            <\/div>\n            \n            \n            \n        <\/div>\n    <\/div>\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const items = document.querySelectorAll('.item');\n\n            items.forEach(item => {\n                let clickedOnce = false;\n                item.addEventListener('click', function() {\n                    const content = this.querySelector('.item-content');\n                    const title = content.querySelector('.text-title');\n                    content.classList.toggle('rotate-90');\n                    title.classList.toggle('hidden');\n                    \n                    if (clickedOnce) {\n                        window.location.href = this.getAttribute('data-link');\n                    } else {\n                        clickedOnce = true;\n                        setTimeout(() => clickedOnce = false, 500); \/\/ Reset if not clicked within 0.5 seconds\n                    }\n                });\n            });\n\n            document.addEventListener('click', function(event) {\n                if (!event.target.closest('.item')) {\n                    items.forEach(item => {\n                        const content = item.querySelector('.item-content');\n                        const title = content.querySelector('.text-title');\n                        content.classList.add('rotate-90');\n                        title.classList.add('hidden');\n                    });\n                }\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8ad13e2 e-con-full e-flex e-con e-parent\" data-id=\"8ad13e2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-c987629 e-con-full e-flex e-con e-child\" data-id=\"c987629\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9dc22fb elementor-widget elementor-widget-heading\" data-id=\"9dc22fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">U-Film<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ca98cd elementor-widget elementor-widget-text-editor\" data-id=\"3ca98cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: #353535; font-family: 'Noto Sans', sans-serif;\">At UFILM, we are dedicated to providing innovative window film solutions that enhance the comfort, safety, and aesthetics of vehicles. Our company stands on the pillars of quality, innovation, and customer satisfaction, always striving to exceed our customers\u2019 expectations.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f2454ea e-con-full e-flex e-con e-child\" data-id=\"f2454ea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee3044d elementor-widget elementor-widget-html\" data-id=\"ee3044d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Document<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --index: calc(1vw + 1vh);\r\n            --transition: cubic-bezier(.1, .7, 0, 1);\r\n        }\r\n\r\n        body {\r\n            background-color: #fff;\r\n        }\r\n\r\n        .wrapper {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            height: 80vh;\r\n        }\r\n\r\n        .items {\r\n            display: flex;\r\n            gap: 0.5rem;\r\n            perspective: calc(var(--index) * 35);\r\n        }\r\n\r\n        .item {\r\n            width: calc(var(--index) * 3);\r\n            height: calc(var(--index) * 12);\r\n            background-color: #222;\r\n            background-size: cover;\r\n            background-position: center;\r\n            cursor: pointer;\r\n            filter: grayscale(1) brightness(.5);\r\n            transition: transform 1.25s var(--transition), filter 3s var(--transition), width 1.25s var(--transition);\r\n            will-change: transform, filter, rotateY, width;\r\n            position: relative;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .item::before, .item::after {\r\n            content: '';\r\n            position: absolute;\r\n            height: 100%;\r\n            width: 20px;\r\n            right: calc(var(--index) * -1);\r\n        }\r\n\r\n        .item::after {\r\n            left: calc(var(--index) * -1);\r\n        }\r\n\r\n        .items .item:hover {\r\n            filter: inherit;\r\n            transform: translateZ(calc(var(--index) * 10));\r\n        }\r\n\r\n        .items .item:hover + * {\r\n            filter: inherit;\r\n            transform: translateZ(calc(var(--index) * 8.5)) rotateY(35deg);\r\n            z-index: -1;\t\r\n        }\r\n\r\n        .items .item:hover + * + * {\r\n            filter: inherit;\r\n            transform: translateZ(calc(var(--index) * 5.6)) rotateY(40deg);\r\n            z-index: -2;\r\n        }\r\n\r\n        .items .item:hover + * + * + * {\r\n            filter: inherit;\r\n            transform: translateZ(calc(var(--index) * 2.5)) rotateY(30deg);\r\n            z-index: -3;\r\n        }\r\n\r\n        .items .item:hover + * + * + * + * {\r\n            filter: inherit;\r\n            transform: translateZ(calc(var(--index) * .6)) rotateY(15deg);\r\n            z-index: -4;\r\n        }\r\n\r\n        .items .item:has( + :hover) {\r\n            filter: inherit;\r\n            transform: translateZ(calc(var(--index) * 8.5)) rotateY(-35deg);\r\n        }\r\n\r\n        .items .item:has( + * + :hover) {\r\n            filter: inherit;\r\n            transform: translateZ(calc(var(--index) * 5.6)) rotateY(-40deg);\r\n        }\r\n\r\n        .items .item:has( + * + * + :hover) {\r\n            filter: inherit;\r\n            transform: translateZ(calc(var(--index) * 2.5)) rotateY(-30deg);\r\n        }\r\n\r\n        .items .item:has( + * + * + * + :hover) {\r\n            filter: inherit;\r\n            transform: translateZ(calc(var(--index) * .6)) rotateY(-15deg);\r\n        }\r\n\r\n        .items .item:active, .items .item:focus {\r\n            width: 28vw;\r\n            filter: inherit;\r\n            z-index: 100;\r\n            transform: translateZ(calc(var(--index) * 10));\r\n            margin: 0 .45vw;\r\n        }\r\n\r\n        .item-content {\r\n            color: #fff;\r\n            font-size: 32pt;\r\n            text-align: center;\r\n            transition: transform 0.3s;\r\n        }\r\n\r\n        .rotate-90 {\r\n            transform: rotate(90deg);\r\n        }\r\n\r\n        .hidden {\r\n            display: none;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"wrapper\">\r\n        <div class=\"items\">\r\n            <div class=\"item\" tabindex=\"0\" style=\"background-image: url(https:\/\/images.pexels.com\/photos\/15071552\/pexels-photo-15071552\/free-photo-of-reflection-in-car-window.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1)\" data-link=\"https:\/\/solargard.id\">\r\n                <div class=\"item-content rotate-90\" style=\"font-size: 18pt;\">\r\n                    <p id=\"text-title\"  class=\"text-title hidden\">Solar Gard<\/p>\r\n                    <span id=\"text-content\">LX<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item\" tabindex=\"0\" style=\"background-image: url(https:\/\/i.pinimg.com\/564x\/e3\/79\/1d\/e3791d1943b1e08ae888633da221492c.jpg)\" data-link=\"https:\/\/solargard.id\">\r\n                <div class=\"item-content rotate-90\" style=\"font-size: 18pt;\">\r\n                    <p id=\"text-title\" class=\"text-title hidden\">Solar Gard<\/p>\r\n                    <p id=\"text-content\">BP50<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item\" tabindex=\"0\" style=\"background-image: url(https:\/\/i.pinimg.com\/564x\/e3\/79\/1d\/e3791d1943b1e08ae888633da221492c.jpg)\" data-link=\"https:\/\/solargard.id\">\r\n                <div class=\"item-content rotate-90\" style=\"font-size: 18pt;\">\r\n                    <p id=\"text-title\" class=\"text-title hidden\">Solar Gard<\/p>\r\n                    <p id=\"text-content\">BP35<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const items = document.querySelectorAll('.item');\r\n\r\n            items.forEach(item => {\r\n                let clickedOnce = false;\r\n                item.addEventListener('click', function() {\r\n                    const content = this.querySelector('.item-content');\r\n                    const title = content.querySelector('.text-title');\r\n                    content.classList.toggle('rotate-90');\r\n                    title.classList.toggle('hidden');\r\n                    \r\n                    if (clickedOnce) {\r\n                        window.location.href = this.getAttribute('data-link');\r\n                    } else {\r\n                        clickedOnce = true;\r\n                        setTimeout(() => clickedOnce = false, 500); \/\/ Reset if not clicked within 0.5 seconds\r\n                    }\r\n                });\r\n            });\r\n\r\n            document.addEventListener('click', function(event) {\r\n                if (!event.target.closest('.item')) {\r\n                    items.forEach(item => {\r\n                        const content = item.querySelector('.item-content');\r\n                        const title = content.querySelector('.text-title');\r\n                        content.classList.add('rotate-90');\r\n                        title.classList.add('hidden');\r\n                    });\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21b850f7 e-con-full e-flex e-con e-parent\" data-id=\"21b850f7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-687f8f8a e-con-full e-flex e-con e-child\" data-id=\"687f8f8a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-683e8af8 elementor-widget elementor-widget-heading\" data-id=\"683e8af8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Client \nTestimonials<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-16c116a5 e-con-full e-flex e-con e-child\" data-id=\"16c116a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-492c686d elementor-widget elementor-widget-testimonial\" data-id=\"492c686d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"testimonial.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-wrapper\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-content\">\"I had window film installed on my car, and it has made a huge difference! The interior stays much cooler, and I no longer have to worry about the sun's glare while driving. The film also adds a sleek, stylish look to my vehicle. The installation was quick and hassle-free. Highly recommend this service!\"<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-testimonial-meta elementor-has-image elementor-testimonial-image-position-aside\">\n\t\t\t\t<div class=\"elementor-testimonial-meta-inner\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-image\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/ladangmaslestari.com\/wp-content\/uploads\/2024\/06\/Image-Testemonials-1-1.jpeg\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-details\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-name\">Johan Apriadi<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ce227c8 e-con-full e-flex e-con e-child\" data-id=\"6ce227c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d0d687d elementor-widget elementor-widget-testimonial\" data-id=\"5d0d687d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"testimonial.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-wrapper\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-content\">\"Getting window film for my car was one of the best decisions I've made. The UV protection is excellent, and it helps keep my car's interior in great condition. Plus, it provides added privacy, which I really appreciate. The team was professional and efficient, and the quality of the film is top-notch. I'm very pleased with the results.\"<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-testimonial-meta elementor-has-image elementor-testimonial-image-position-aside\">\n\t\t\t\t<div class=\"elementor-testimonial-meta-inner\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-image\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/ladangmaslestari.com\/wp-content\/uploads\/2024\/06\/Image-Testemonials-1-1.jpeg\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-details\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-name\">Randy Setiawan<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4a332e0a e-flex e-con-boxed e-con e-parent\" data-id=\"4a332e0a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23bf5782 elementor-widget elementor-widget-heading\" data-id=\"23bf5782\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">See the difference<br>for yourself!<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-188fa2e0 elementor-widget elementor-widget-text-editor\" data-id=\"188fa2e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>contact us today for a free consultation<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91cc3b9 elementor-align-center elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"91cc3b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ladangmaslestari.com\/?page_id=194#Contacts\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Contact Us<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cbf3c75 e-flex e-con-boxed e-con e-parent\" data-id=\"cbf3c75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<footer class=\"elementor-element elementor-element-0c71789 e-con-full e-flex e-con e-child\" data-id=\"0c71789\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b81e947 e-con-full e-flex e-con e-child\" data-id=\"b81e947\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2eaf6b3 elementor-icon-list--layout-inline elementor-tablet-align-center elementor-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"2eaf6b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">(021) 456-7890<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Sukarjo Wiryopranoto 4 GB<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Mon - Fri (9:00AM - 5:00PM)<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/footer>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d6d5646 e-con-full e-flex e-con e-parent\" data-id=\"1d6d5646\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-3b5bb95 e-con-full e-flex e-con e-child\" data-id=\"3b5bb95\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db7d397 elementor-widget elementor-widget-heading\" data-id=\"db7d397\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">\u00a9 Copy Right 2024 - Ladang Mas Lestari<\/p>\t\t\t\t<\/div>\n\t\t\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>Home About Brands&#038;nbsp V-Kool Limited Edition Series Diamond Series Gold Series Silver Series VK 70 VK 40 VK VIP VK X15 VK X05 Solar Gard Solar Gard Premium Lx Series Black Phantom Platinum Series OEM Series Solar Gard Autofilm Series OEM Series H\u00fcper Optik H\u00fcper Ceramic Series H\u00fcper Klassich Series H\u00fcper Select Drei Series U-Film [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":194,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1220","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/ladangmaslestari.com\/index.php?rest_route=\/wp\/v2\/pages\/1220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ladangmaslestari.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ladangmaslestari.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ladangmaslestari.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ladangmaslestari.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1220"}],"version-history":[{"count":670,"href":"https:\/\/ladangmaslestari.com\/index.php?rest_route=\/wp\/v2\/pages\/1220\/revisions"}],"predecessor-version":[{"id":4601,"href":"https:\/\/ladangmaslestari.com\/index.php?rest_route=\/wp\/v2\/pages\/1220\/revisions\/4601"}],"up":[{"embeddable":true,"href":"https:\/\/ladangmaslestari.com\/index.php?rest_route=\/wp\/v2\/pages\/194"}],"wp:attachment":[{"href":"https:\/\/ladangmaslestari.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}