{"id":27695,"date":"2024-07-04T05:15:47","date_gmt":"2024-07-04T05:15:47","guid":{"rendered":"https:\/\/iauro.com\/?page_id=27695"},"modified":"2025-03-05T05:15:07","modified_gmt":"2025-03-05T05:15:07","slug":"testing-form","status":"publish","type":"page","link":"https:\/\/iauro.com\/ja\/testing-form\/","title":{"rendered":"testing-form"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n PDF Viewer<\/title>\r\n <style>\r\n iframe {\r\n width: 100%;\r\n height: 100vh;\r\n border: none;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Using Google Docs Viewer to force open in browser -->\r\n <iframe \r\n data-src=\"https:\/\/docs.google.com\/gview?embedded=true&url=https:\/\/iauro.com\/wp-content\/uploads\/2025\/03\/iauro-e-Brochure.pdf\" \r\n sandbox=\"allow-scripts allow-same-origin allow-popups\" \r\n width=\"100%\" \r\n height=\"100vh\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\">\r\n <\/iframe>\r\n\r\n<\/body>\r\n<\/html>\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-f790191 e-con-full elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"f790191\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2a6404f e-con-full e-flex e-con e-child\" data-id=\"2a6404f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc591b1 elementor-widget elementor-widget-html\" data-id=\"bc591b1\" 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>Hero Banner Slider<\/title>\r\n <style>\r\n \/* Full-screen slider container *\/\r\n .hombannerslidernew {\r\n position: relative;\r\n overflow: hidden;\r\n width: 100%;\r\n height: 650px;\r\n }\r\n\r\n .hombannerslidernew-slider {\r\n display: flex;\r\n transition: transform 1s ease-in-out;\r\n width: 300%; \/* Total width of 3 slides *\/\r\n }\r\n\r\n \/* Each slide will take full width of the viewport *\/\r\n .hombannerslidernew-slide {\r\n display: flex;\r\n width: 100vw; \/* Each slide takes up 100% of the viewport width *\/\r\n height: 650px;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .hombannerslidernew-text-column {\r\n width: 60%; \/* Text takes up 60% of the slide *\/\r\n padding: 90px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n background-color: #ffffff;\r\n }\r\n\r\n .hombannerslidernew-image-column {\r\n width: 40%; \/* Image takes up 40% of the slide *\/\r\n position: relative;\r\n }\r\n\r\n .hombannerslidernew-text-column h1 {\r\n font-size: 42px;\r\n line-height: 51px;\r\n color: #2B2B2B;\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 700;\r\n }\r\n\r\n .hombannerslidernew-text-column .hombannerslidernew-btn {\r\n padding: 10px 15px;\r\n background-color: #000000;\r\n color: white;\r\n text-decoration: none;\r\n border-radius: 3px;\r\n font-size: 16px;\r\n font-weight: 400;\r\n font-family: 'Poppins', sans-serif;\r\n width: 160px;\r\n text-align: center; \/* Center the text *\/\r\n display: inline-block; \/* Ensures it behaves like a block-level element *\/\r\n }\r\n\r\n .hombannerslidernew-image-column img {\r\n width: auto; \/* Adjust image size *\/\r\n height: auto;\r\n object-fit: contain;\r\n float: right;\r\n }\r\n\r\n \/* Arrow styles *\/\r\n .hombannerslidernew-arrow {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 38px;\r\n height: 38px;\r\n background-size: contain;\r\n background-repeat: no-repeat;\r\n cursor: pointer;\r\n z-index: 10;\r\n }\r\n\r\n .hombannerslidernew-arrow.left {\r\n left: 20px;\r\n background-image: url('https:\/\/iauro.com\/wp-content\/uploads\/2025\/01\/previous.svg');\r\n }\r\n\r\n .hombannerslidernew-arrow.right {\r\n right: 20px;\r\n background-image: url('https:\/\/iauro.com\/wp-content\/uploads\/2025\/01\/next.svg');\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"hombannerslidernew\">\r\n <!-- Arrows -->\r\n <div class=\"hombannerslidernew-arrow left\" id=\"prevArrow\"><\/div>\r\n <div class=\"hombannerslidernew-arrow right\" id=\"nextArrow\"><\/div>\r\n\r\n <div class=\"hombannerslidernew-slider\" id=\"hombannerslidernew-slider\">\r\n <div class=\"hombannerslidernew-slide\" id=\"hombannerslidernew-slide1\">\r\n <div class=\"hombannerslidernew-text-column\">\r\n <h1>\u30c7\u30b8\u30bf\u30eb\u30a8\u30f3\u30b8\u30cb\u30a2\u30ea\u30f3\u30b0<br><span style=\"font-weight: 300;\"> Smarter Solutions, Powered by AI <\/span><\/h1>\r\n <a style=\"text-decoration: none;\" href=\"https:\/\/iauro.com\/ja\/gen-ai\/\" class=\"hombannerslidernew-btn\">\u3082\u3063\u3068\u8a73\u3057\u304f\u898b\u308b<\/a>\r\n <\/div>\r\n <div class=\"hombannerslidernew-image-column\">\r\n <img decoding=\"async\" data-src=\"https:\/\/iauro.com\/wp-content\/uploads\/2025\/01\/digital.svg\" alt=\"Slide Image 1\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"hombannerslidernew-slide\" id=\"hombannerslidernew-slide2\">\r\n <div class=\"hombannerslidernew-text-column\">\r\n <h1>Leveraging Digital Twin<br> \u30c6\u30af\u30ce\u30ed\u30b8\u30fc <span style=\"font-weight: 300;\"> for Product Insights <\/span><\/h1>\r\n <a style=\"text-decoration: none;\" href=\"https:\/\/iauro.com\/ja\/gen-ai\/\" class=\"hombannerslidernew-btn\">\u3082\u3063\u3068\u8a73\u3057\u304f\u898b\u308b<\/a>\r\n <\/div>\r\n <div class=\"hombannerslidernew-image-column\">\r\n <img decoding=\"async\" data-src=\"https:\/\/iauro.com\/wp-content\/uploads\/2025\/01\/technology.svg\" alt=\"Slide Image 2\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"hombannerslidernew-slide\" id=\"hombannerslidernew-slide3\">\r\n <div class=\"hombannerslidernew-text-column\">\r\n <h1><span style=\"font-weight: 300;\"> Connecting Factories, Machines, <br>and Energy for <\/span> Unified Efficiency <\/h1>\r\n <a style=\"text-decoration: none;\" href=\"https:\/\/iauro.com\/ja\/engineering\/\" class=\"hombannerslidernew-btn\">\u3082\u3063\u3068\u8a73\u3057\u304f\u898b\u308b<\/a>\r\n <\/div>\r\n <div class=\"hombannerslidernew-image-column\">\r\n <img decoding=\"async\" data-src=\"https:\/\/iauro.com\/wp-content\/uploads\/2025\/01\/effeciency.svg\" alt=\"Slide Image 3\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n let currentIndex = 0;\r\n const slider = document.getElementById('hombannerslidernew-slider');\r\n const slides = document.querySelectorAll('.hombannerslidernew-slide');\r\n const prevArrow = document.getElementById('prevArrow');\r\n const nextArrow = document.getElementById('nextArrow');\r\n let autoSlideInterval; \/\/ Reference for automatic slider interval\r\n\r\n \/\/ Function to update the slider position based on index\r\n const updateSlider = () => {\r\n const offset = -(currentIndex * 100); \/\/ Move the slider by 100vw per slide\r\n slider.style.transform = `translateX(${offset}vw)`;\r\n };\r\n\r\n \/\/ Navigate to the next slide\r\n const nextSlide = () => {\r\n currentIndex = (currentIndex + 1) % slides.length; \/\/ Wrap around slides\r\n updateSlider();\r\n };\r\n\r\n \/\/ Navigate to the previous slide\r\n const prevSlide = () => {\r\n currentIndex = (currentIndex - 1 + slides.length) % slides.length; \/\/ Wrap around slides\r\n updateSlider();\r\n };\r\n\r\n \/\/ Start automatic sliding\r\n const startAutoSlide = () => {\r\n autoSlideInterval = setInterval(nextSlide, 6000); \/\/ Change slide every 6 seconds\r\n };\r\n\r\n \/\/ Stop automatic sliding\r\n const stopAutoSlide = () => {\r\n clearInterval(autoSlideInterval);\r\n };\r\n\r\n \/\/ Add click events to arrows to stop auto-slide and navigate slides\r\n nextArrow.addEventListener('click', () => {\r\n stopAutoSlide();\r\n nextSlide();\r\n });\r\n\r\n prevArrow.addEventListener('click', () => {\r\n stopAutoSlide();\r\n prevSlide();\r\n });\r\n\r\n \/\/ Resume automatic slider when the cursor leaves the slider container\r\n slider.addEventListener('mouseleave', startAutoSlide);\r\n\r\n \/\/ Pause auto-slide when cursor enters the slider container\r\n slider.addEventListener('mouseenter', stopAutoSlide);\r\n\r\n \/\/ Start the automatic slider\r\n startAutoSlide();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\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<div class=\"elementor-element elementor-element-5d80344 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"5d80344\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-20a9d8e e-con-full e-flex e-con e-child\" data-id=\"20a9d8e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e64092 elementor-widget elementor-widget-html\" data-id=\"8e64092\" 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>Custom Slider<\/title>\r\n <style>\r\n * {\r\n font-family: 'Urbanist', sans-serif;\r\n }\r\n \r\n \/* Overall Container *\/\r\n .mobslibanner-container {\r\n width: 100%;\r\n max-width: 500px;\r\n margin: auto;\r\n position: relative;\r\n background-color: #fff;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Slide Wrapper *\/\r\n .mobslibanner {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n }\r\n\r\n \/* Individual Slide *\/\r\n .mobslibanner-slide {\r\n opacity: 0;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n text-align: left;\r\n padding: 0px;\r\n box-sizing: border-box;\r\n transition: opacity 1s ease-in-out;\r\n }\r\n\r\n .mobslibanner-slide.active {\r\n opacity: 1;\r\n position: relative;\r\n }\r\n\r\n \/* Text Content *\/\r\n .mobslibanner-slide h1 {\r\n font-size: 30px;\r\n margin: 16px 0;\r\n font-weight: 700;\r\n color: #202020;\r\n line-height: 40px;\r\n padding-left: 20px;\r\n }\r\n\r\n .mobslibanner-slide button {\r\n padding: 10px 22px 10px 23px;\r\n background-color: #000000;\r\n color: #fff;\r\n border: none;\r\n border-radius: 3px;\r\n cursor: pointer;\r\n text-align: center;\r\n display: inline-block;\r\n font-size: 14px;\r\n font-weight: 400;\r\n text-decoration: none; \/* Make button a link *\/\r\n }\r\n\r\n \/* Bottom Image *\/\r\n .mobslibanner-slide img {\r\n width: 100%;\r\n height: auto;\r\n margin-top: 40px;\r\n margin-bottom: 20px;\r\n display: block; \/* Prevent overlap *\/\r\n }\r\n\r\n \/* Ensure the button's container is not overlapped *\/\r\n .mobslibanner-slide a {\r\n display: block;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"mobslibanner-container\">\r\n <!-- Slide Content -->\r\n <div class=\"mobslibanner\">\r\n <!-- Slide 1 -->\r\n <div class=\"mobslibanner-slide active\">\r\n <h1>\u30c7\u30b8\u30bf\u30eb\u30a8\u30f3\u30b8\u30cb\u30a2\u30ea\u30f3\u30b0 <span style=\"font-weight: 300;\"> Smarter Solutions, Powered by AI<\/span><\/h1>\r\n <a style=\"padding-left:20px;\" href=\"https:\/\/iauro.com\/ja\/domain-experties\/#manufacturing\">\r\n <button>\u3082\u3063\u3068\u8a73\u3057\u304f\u898b\u308b<\/button> \r\n <\/a>\r\n <img decoding=\"async\" data-src=\"https:\/\/iauro.com\/wp-content\/uploads\/2025\/01\/1Mobile-Digital-Engineering.svg\" alt=\"Slide 1\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\r\n <\/div>\r\n <!-- Slide 2 -->\r\n <div class=\"mobslibanner-slide\">\r\n <h1>Leveraging Digital Twin Technology <span style=\"font-weight: 300;\"> for Product Insights<\/span> <\/h1>\r\n <a style=\"padding-left:20px;\" href=\"https:\/\/iauro.com\/ja\/web-accelerating-innovation-in-gearbox-systems-using-digital-twins\/\"> \r\n <button>\u3082\u3063\u3068\u8a73\u3057\u304f\u898b\u308b<\/button>\r\n <\/a>\r\n <img decoding=\"async\" data-src=\"https:\/\/iauro.com\/wp-content\/uploads\/2025\/01\/3Mobile-Connecting-Factories.svg\" alt=\"Slide 2\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\r\n <\/div>\r\n <!-- Slide 3 -->\r\n <div class=\"mobslibanner-slide\">\r\n <h1>Connecting Factories, Machines, and Energy for <span style=\"font-weight: 300;\"> Unified Efficiency<\/span> <\/h1>\r\n <a style=\"padding-left:20px;\" href=\"https:\/\/iauro.com\/ja\/web-streamlining-compliance-with-the-cae-analysis-co-pilot\/\"> \r\n <button>Learn More<\/button>\r\n <\/a>\r\n <img decoding=\"async\" data-src=\"https:\/\/iauro.com\/wp-content\/uploads\/2025\/01\/2Mobile-Digital-Twin-Technology.svg\" alt=\"Slide 3\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Variables\r\n const mobslibannerSlides = document.querySelectorAll('.mobslibanner-slide');\r\n let mobslibannerCurrentSlide = 0;\r\n\r\n \/\/ Show Slide\r\n function showMobslibannerSlide(index) {\r\n mobslibannerSlides.forEach((slide, i) => {\r\n slide.classList.remove('active');\r\n if (i === index) {\r\n slide.classList.add('active');\r\n }\r\n });\r\n }\r\n\r\n \/\/ Next Slide\r\n function nextMobslibannerSlide() {\r\n showMobslibannerSlide(mobslibannerCurrentSlide);\r\n mobslibannerCurrentSlide = (mobslibannerCurrentSlide + 1) % mobslibannerSlides.length;\r\n }\r\n\r\n \/\/ Initialize\r\n setInterval(nextMobslibannerSlide, 4000); \/\/ 4-second interval\r\n nextMobslibannerSlide(); \/\/ Start with the first slide\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\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>PDF Viewer Hero Banner Slider Digital Engineering Smarter Solutions, Powered by AI Explore More Leveraging Digital Twin Technology for Product Insights Explore More Connecting Factories, Machines, and Energy for Unified Efficiency Explore More Custom Slider Digital Engineering Smarter Solutions, Powered by AI Explore More Leveraging Digital Twin Technology for Product Insights Explore More Connecting Factories, Machines, and Energy for Unified Efficiency Learn More<\/p>","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-27695","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iauro.com\/ja\/wp-json\/wp\/v2\/pages\/27695","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iauro.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iauro.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iauro.com\/ja\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/iauro.com\/ja\/wp-json\/wp\/v2\/comments?post=27695"}],"version-history":[{"count":28,"href":"https:\/\/iauro.com\/ja\/wp-json\/wp\/v2\/pages\/27695\/revisions"}],"predecessor-version":[{"id":42194,"href":"https:\/\/iauro.com\/ja\/wp-json\/wp\/v2\/pages\/27695\/revisions\/42194"}],"wp:attachment":[{"href":"https:\/\/iauro.com\/ja\/wp-json\/wp\/v2\/media?parent=27695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}