{"id":5957,"date":"2018-08-15T17:05:03","date_gmt":"2018-08-15T17:05:03","guid":{"rendered":"https:\/\/demo.goodlayers.com\/kingster\/?page_id=5957"},"modified":"2026-06-23T03:56:15","modified_gmt":"2026-06-23T03:56:15","slug":"homepage","status":"publish","type":"page","link":"https:\/\/if.iaico.org\/","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5957\" class=\"elementor elementor-5957\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ccacc27 e-flex e-con-boxed e-con e-parent\" data-id=\"ccacc27\" 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-b944857 elementor-widget elementor-widget-html\" data-id=\"b944857\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"custom-hero-slider\">\n  <div class=\"slide active\" style=\"background-image: url('https:\/\/if.iaico.org\/wp-content\/uploads\/2026\/06\/Gedung-Data-Center-FT.jpeg');\">\n    <div class=\"hero-content\">\n        <!--<h1>Headline One<\/h1>-->\n        <\/div>\n  <\/div>\n  <div class=\"slide\" style=\"background-image: url('https:\/\/if.iaico.org\/wp-content\/uploads\/2026\/06\/if-kid.jpg');\">\n    <div class=\"hero-content\">\n        <!--<h1>Headline Two<\/h1>-->\n        <\/div>\n  <\/div>\n\n  <div class=\"dots-container\">\n    <span class=\"dot active\" data-index=\"0\"><\/span>\n    <span class=\"dot\" data-index=\"1\"><\/span>\n  <\/div>\n<\/div>\n\n<style>\n  .custom-hero-slider { position: relative; width: 100%; height: 60vh; overflow: hidden; }\n  \n  .slide { \n    position: absolute; width: 100%; height: 100%; \n    background-size: cover; background-position: center; \n    opacity: 0; transition: opacity 1s ease-in-out; \n  }\n  \n  .slide.active { opacity: 1; }\n  \n  .hero-content { \n    position: absolute; top: 50%; left: 50%; \n    transform: translate(-50%, -50%); color: #fff; \n    text-align: center; z-index: 5; \n  }\n  \n  .dots-container { \n    position: absolute; bottom: 16.66%; left: 50%; \n    transform: translateX(-50%); display: flex; \n    gap: 10px; z-index: 10; \n  }\n  \n  .dot { \n    height: 12px; width: 12px; \n    background-color: rgba(255,255,255,0.5); \n    border-radius: 50%; cursor: pointer; transition: 0.3s;\n  }\n  \n  .dot.active { background-color: #fff; }\n<\/style>\n\n<script>\n  (function() {\n    const slider = document.querySelector('.custom-hero-slider');\n    if (!slider) return;\n    \n    const slides = slider.querySelectorAll('.slide');\n    const dots = slider.querySelectorAll('.dot');\n    let index = 0;\n    let timer;\n\n    function showSlide(n) {\n      index = (n + slides.length) % slides.length;\n      slides.forEach(s => s.classList.remove('active'));\n      dots.forEach(d => d.classList.remove('active'));\n      slides[index].classList.add('active');\n      dots[index].classList.add('active');\n    }\n\n    function startTimer() {\n      timer = setInterval(() => showSlide(index + 1), 5000);\n    }\n\n    dots.forEach(dot => {\n      dot.addEventListener('click', () => {\n        clearInterval(timer);\n        showSlide(parseInt(dot.getAttribute('data-index')));\n        startTimer();\n      });\n    });\n\n    startTimer();\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5957","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/if.iaico.org\/index.php\/wp-json\/wp\/v2\/pages\/5957","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/if.iaico.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/if.iaico.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/if.iaico.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/if.iaico.org\/index.php\/wp-json\/wp\/v2\/comments?post=5957"}],"version-history":[{"count":13,"href":"https:\/\/if.iaico.org\/index.php\/wp-json\/wp\/v2\/pages\/5957\/revisions"}],"predecessor-version":[{"id":14183,"href":"https:\/\/if.iaico.org\/index.php\/wp-json\/wp\/v2\/pages\/5957\/revisions\/14183"}],"wp:attachment":[{"href":"https:\/\/if.iaico.org\/index.php\/wp-json\/wp\/v2\/media?parent=5957"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}