</iframe</noscript> <nav class="navbar navbar-expand-lg navbar-light new-navbar sticky-top"> <div class="container"> <a href="https://vdc.id/"> <img src="https://vdc.id/assets/images/logo-brand.png" alt="" width="120" height="50" class="d-inline-block align-text-top"> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <!-- <span class="navbar-toggler-icon2"></span> --> <img src="https://vdc.id/assets/images/form/menu.png"> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav ms-auto flex-center"> <li class="nav-item"> <a class="nav-link " href="https://vdc.id/">Home</a> </li> <li class="nav-item"> <a class="nav-link " href="https://vdc.id/about">About</a> </li> <li class="nav-item show-desktop"> <span onclick="openMenu()" id="service" class="nav-link pointer" >Our Service <i class="fa fa-chevron-down fa-sm"></i> </span> </li> <li class="nav-item show-mobile"> <span class="nav-link ">Our Service</span> <div class="sub-menu-service"> <span class="nav-link <div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;"> <h4>A PHP Error was encountered</h4> <p>Severity: Warning</p> <p>Message: Undefined variable $sub</p> <p>Filename: template/header.php</p> <p>Line Number: 71</p> <p>Backtrace:</p> <p style="margin-left:10px"> File: /home/vdcdev/public_html/application/views/template/header.php<br /> Line: 71<br /> Function: _error_handler </p> <p style="margin-left:10px"> File: /home/vdcdev/public_html/application/controllers/Product.php<br /> Line: 43<br /> Function: view </p> <p style="margin-left:10px"> File: /home/vdcdev/public_html/index.php<br /> Line: 315<br /> Function: require_once </p> </div> ">VPS & Data Center</span> <div class="sub-menu-service-row mb-2" > <a href="https://vdc.id/service/vps" class="nav-link ">VPS</a> <a href="https://vdc.id/service/dps" class="nav-link ">DPS & Co-Location</a> </div> <a href="https://vdc.id/service/email" class="nav-link ">Email Service</a> <span class="nav-link <div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;"> <h4>A PHP Error was encountered</h4> <p>Severity: Warning</p> <p>Message: Undefined variable $sub</p> <p>Filename: template/header.php</p> <p>Line Number: 79</p> <p>Backtrace:</p> <p style="margin-left:10px"> File: /home/vdcdev/public_html/application/views/template/header.php<br /> Line: 79<br /> Function: _error_handler </p> <p style="margin-left:10px"> File: /home/vdcdev/public_html/application/controllers/Product.php<br /> Line: 43<br /> Function: view </p> <p style="margin-left:10px"> File: /home/vdcdev/public_html/index.php<br /> Line: 315<br /> Function: require_once </p> </div>">hardware & License</span> <div class="sub-menu-service-row"> <a href="https://vdc.id/service/hardware" class="nav-link ">Hardware</a> <a href="https://vdc.id/service/license" class="nav-link ">License</a> </div> <span class="nav-link <div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;"> <h4>A PHP Error was encountered</h4> <p>Severity: Warning</p> <p>Message: Undefined variable $sub</p> <p>Filename: template/header.php</p> <p>Line Number: 85</p> <p>Backtrace:</p> <p style="margin-left:10px"> File: /home/vdcdev/public_html/application/views/template/header.php<br /> Line: 85<br /> Function: _error_handler </p> <p style="margin-left:10px"> File: /home/vdcdev/public_html/application/controllers/Product.php<br /> Line: 43<br /> Function: view </p> <p style="margin-left:10px"> File: /home/vdcdev/public_html/index.php<br /> Line: 315<br /> Function: require_once </p> </div> <div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;"> <h4>A PHP Error was encountered</h4> <p>Severity: Warning</p> <p>Message: Undefined variable $sub</p> <p>Filename: template/header.php</p> <p>Line Number: 85</p> <p>Backtrace:</p> <p style="margin-left:10px"> File: /home/vdcdev/public_html/application/views/template/header.php<br /> Line: 85<br /> Function: _error_handler </p> <p style="margin-left:10px"> File: /home/vdcdev/public_html/application/controllers/Product.php<br /> Line: 43<br /> Function: view </p> <p style="margin-left:10px"> File: /home/vdcdev/public_html/index.php<br /> Line: 315<br /> Function: require_once </p> </div> <div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;"> <h4>A PHP Error was encountered</h4> <p>Severity: Warning</p> <p>Message: Undefined variable $sub</p> <p>Filename: template/header.php</p> <p>Line Number: 85</p> <p>Backtrace:</p> <p style="margin-left:10px"> File: /home/vdcdev/public_html/application/views/template/header.php<br /> Line: 85<br /> Function: _error_handler </p> <p style="margin-left:10px"> File: /home/vdcdev/public_html/application/controllers/Product.php<br /> Line: 43<br /> Function: view </p> <p style="margin-left:10px"> File: /home/vdcdev/public_html/index.php<br /> Line: 315<br /> Function: require_once </p> </div>">Cloud & App</span> <div class="sub-menu-service-row"> <a href="https://vdc.id/service/bipo" class="nav-link ">BIPO</a> <a href="https://vdc.id/service/simrs" class="nav-link ">SIMRS</a> <a href="https://vdc.id/service/azure" class="nav-link ">Azure</a> <a href="https://vdc.id/service/microsoft" class="nav-link ">Microsoft 365</a> </div> <!-- <a href="" class="nav-link ">Solutions</a> --> </div> </li> <li class="nav-item"> <a class="nav-link " href="https://vdc.id/price">Price</a> </li> <li class="nav-item"> <a class="nav-link " href="https://vdc.id/contact">Contact</a> </li> <li class="nav-item"> <div class="btn-started-wrapper"> <button class="gradient-border-button font-14 btn-started" ng-click="waMe()">Get Started</button> </div> </li> </ul> </div> <div class="large-menu" id="large-menu"> <div class="large-menu-content" id="large-menu-content"> <div class="large-submenu"> <span class="sub-item active" data-target="#mn-vps">VPS & Data Center</span> <span class="sub-item" data-target="#mn-email">Email Service</span> <span class="sub-item" data-target="#mn-hwl">Hardware & License</span> <span class="sub-item" data-target="#mn-cloud">Cloud & App</span> <!-- <span class="sub-item" data-target="#mn-solut">Solutions</span> --> </div> <div class="medium-divider-gradient-full mt-2"></div> <div class="mt-3 large-submenu-content show" id="mn-vps"> <div class="row"> <div class="col-sm-6"> <div class="rounded-grey"> <img class="img-mn-vps" src="https://vdc.id/assets/images/menu/vps.png"> <h6 class="mt-3"><b>VPS</b></h6> <p>Kontrol penuh atas sumber daya seperti CPU, RAM, dan penyimpanan, layaknya server fisik, tetapi dengan biaya murah.</p> <a href="https://vdc.id/service/vps" class="learn-more"><b class="text-14">Learn More <i class="fa fa-arrow-right"></i> </b></a> </div> </div> <div class="col-sm-6"> <div class="rounded-grey"> <img class="img-mn-vps" src="https://vdc.id/assets/images/menu/dps.png"> <h6 class="mt-3"><b>DPS & Co-Location</b></h6> <p>Server fisik yang didedikasikan untuk satu pengguna, memberikan kontrol penuh dan performa tinggi.</p> <a href="https://vdc.id/service/dps" class="learn-more"><b class="text-14">Learn More <i class="fa fa-arrow-right"></i> </b></a> </div> </div> <!-- <div class="col-sm-4"> <div class="rounded-grey"> <img class="img-mn-vps" src=""> <h6 class="mt-3"><b>Co - Location</b></h6> <p>Layanan yang memungkinkan Anda menempatkan server fisik Anda di pusat data milik penyedia layanan.</p> <a href="" class="learn-more"><b class="text-14">Learn More <i class="fa fa-arrow-right"></i> </b></a> </div> </div> --> </div> </div> <div class="mt-3 large-submenu-content" id="mn-email"> <div class="row"> <div class="col-sm-12"> <div class="rounded-grey"> <div class="row"> <div class="col-sm-3"> <img class="img-mn-email" src="https://vdc.id/assets/images/menu/amico.png"> </div> <div class="col-sm-9"> <div class="flex-colum ps-5"> <h6 class="mt-3"><b>Email Service</b></h6> <p>Layanan email adalah platform yang memungkinkan Anda mengirim dan menerima email. Layanan email dapat berupa layanan gratis seperti Gmail atau Yahoo Mail, atau layanan berbayar seperti Microsoft 365 atau Google Workspace. Layanan email berbayar biasanya menawarkan fitur tambahan seperti penyimpanan email yang lebih besar, keamanan yang lebih kuat, dan dukungan pelanggan yang lebih baik.</p> <a href="https://vdc.id/service/email" class="learn-more"><b class="text-14">Learn More <i class="fa fa-arrow-right"></i> </b></a> </div> </div> </div> </div> </div> </div> </div> <div class="mt-3 large-submenu-content" id="mn-hwl"> <div class="row"> <div class="col-sm-6"> <div class="rounded-grey"> <img class="img-mn-vps" src="https://vdc.id/assets/images/menu/server.png"> <h6 class="mt-3"><b>Hardware</b></h6> <p>Menyediakan perangkat keras yang sesuai dengan budget dan kebutuhan bisnis pelanggan</p> <a href="https://vdc.id/service/hardware" class="learn-more"><b class="text-14">Learn More <i class="fa fa-arrow-right"></i> </b></a> </div> </div> <!-- <div class="col-sm-4"> <div class="rounded-grey"> <img class="img-mn-vps" src=""> <h6 class="mt-3"><b>Network & Client</b></h6> <p>Sekumpulan perangkat (komputer, printer, dll.) yang saling terhubung dan dapat berbagi data dan sumber daya.</p> <a href="" class="learn-more"><b class="text-14">Learn More <i class="fa fa-arrow-right"></i> </b></a> </div> </div> --> <div class="col-sm-6"> <div class="rounded-grey"> <img class="img-mn-vps" src="https://vdc.id/assets/images/menu/client.png"> <h6 class="mt-3"><b>License</b></h6> <p>License yang tepat akan menjaga kestabilan infrastruktur dan terhindar dari resiko-resiko keamanan juga missed-licensing.</p> <a href="https://vdc.id/service/license" class="learn-more"><b class="text-14">Learn More <i class="fa fa-arrow-right"></i> </b></a> </div> </div> </div> </div> <div class="mt-3 large-submenu-content" id="mn-cloud"> <div class="row"> <div class="col-sm-3"> <div class="rounded-grey"> <img class="img-mn-vps" src="https://vdc.id/assets/images/menu/bipo.png"> <h6 class="mt-3"><b>BIPO</b></h6> <p>Sistem Manajemen SDM berbasis cloud yang komprehensif yang menyederhanakan</p> <a href="https://vdc.id/service/bipo" class="learn-more"><b class="text-14">Learn More <i class="fa fa-arrow-right"></i> </b></a> </div> </div> <div class="col-sm-3"> <div class="rounded-grey"> <img class="img-mn-vps" src="https://vdc.id/assets/images/menu/simrs.png"> <h6 class="mt-3"><b>SIMRS</b></h6> <p>SIMRS adalah paket sistem informasi terintegrasi untuk manajemen Rumah Sakit.</p> <a href="https://vdc.id/service/simrs" class="learn-more"><b class="text-14">Learn More <i class="fa fa-arrow-right"></i> </b></a> </div> </div> <div class="col-sm-3"> <div class="rounded-grey"> <img class="img-mn-vps" src="https://vdc.id/assets/images/menu/azure.png"> <h6 class="mt-3"><b>Azure</b></h6> <p>Microsoft Azure adalah platform komputasi awan yang menawarkan berbagai layanan.</p> <a href="https://vdc.id/service/azure" class="learn-more"><b class="text-14">Learn More <i class="fa fa-arrow-right"></i> </b></a> </div> </div> <div class="col-sm-3"> <div class="rounded-grey"> <img class="img-mn-vps" src="https://vdc.id/assets/images/menu/365.png"> <h6 class="mt-3"><b>Microsoft 365</b></h6> <p>Paket layanan berbasis cloud yang menawarkan produktivitas dan kolaborasi.</p> <a href="https://vdc.id/service/microsoft" class="learn-more"><b class="text-14">Learn More <i class="fa fa-arrow-right"></i> </b></a> </div> </div> </div> </div> <div class="mt-3 large-submenu-content" id="mn-solut"> <div class="row"> <div class="col-sm-12"> <div class="rounded-grey"> <div class="row"> <div class="col-sm-3"> <img class="img-mn-email" src="https://vdc.id/assets/images/menu/solution.png"> </div> <div class="col-sm-9"> <div class="flex-colum ps-5"> <h6 class="mt-3"><b>Solutions</b></h6> <p>Solution services adalah layanan yang ditawarkan oleh VDCI untuk membantu klien dalam menyelesaikan masalah bisnis mereka. Layanan ini mencakup konsultasi, pengembangan, implementasi, dan dukungan untuk solusi teknologi, proses bisnis, atau strategi. Layanan ini bertujuan untuk meningkatkan efisiensi, produktivitas, dan keuntungan perusahaan.</p> <a href="https://vdc.id/service/solution" class="learn-more"><b class="text-14">Learn More <i class="fa fa-arrow-right"></i> </b></a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </nav> <div class="mt-5 text-center"> <b class="text-gradient title-text">Azure</b> <div class="container"> <div class="row p-4"> <div class="col-sm-3"> <div class=" p-3"> <div> <img class="card-img-top" src="https://vdc.id/assets/images/azure/azure1.png"> </div> <p class="text-color font-small mt-3">Keep your budget in check with low-cost, per-second billing. You only pay for the compute time you use</p> </div> </div> <div class="col-sm-3"> <div class=" p-3"> <div> <img class="card-img-top" src="https://vdc.id/assets/images/azure/azure2.png"> </div> <p class="text-color font-small mt-3">Scale from one to thousands of VM instances in minutes with Azure Virtual Machine Scale Sets</p> </div> </div> <div class="col-sm-3"> <div class=" p-3"> <div> <img class="card-img-top" src="https://vdc.id/assets/images/azure/azure3.png"> </div> <p class="text-color font-small mt-3">Encrypt sensitive data, protect VMs from malicious threats, secure network traffic, and meet regulatory and compliance requirements</p> </div> </div> <div class="col-sm-3"> <div class=" p-3"> <div> <img class="card-img-top" src="https://vdc.id/assets/images/azure/azure4.png"> </div> <p class="text-color font-small mt-3">Choose Linux or Windows. Deploy your own VM image or download images from the Azure Marketplace</p> </div> </div> </div> </div> </div> <div class="pt-5"> <div class="text-center p-4"> <b class="text-color title-text">Optimize your infrastructure and save money</b> </div> <div class="container mt-4"> <div class="row"> <div class="col-sm-7"> <img src="https://vdc.id/assets/images/azure/azure-banner.png" width="100%"> </div> <div class="col-sm-5"> <p class="text-color">Reduce costs—up to 72 percent compared to pay-as-you-go prices—with term pricing through Azure Reserved Virtual Machine Instances. Re-use your on-premises licenses to run Windows Server VMs on Azure with Azure Hybrid Benefit and combine RIs with Azure Hybrid Benefit to save up to 80 percent. Take advantage of spot pricing on Azure VMs and VMSS to run interruptible workloads at deep discounts compared to pay as you go rates. Optimize your cloud spend with Azure Cost Management. Get three more years of free extended security updates for Windows Server 2008 and 2008 R2 when you migrate to Azure.</p> </div> </div> </div> </div> <div class="p-5 bg-white-ff"> <div class="container mt-4 mb-4"> <div class="row"> <div class="col-sm-6"> <b class="text-gradient h1">For better understanding on how we help your business even further .....</b> </div> <div class="col-sm-6"> <div class="form-group"> <span>Nama</span> <input type="text" name="_nama" class="form-control rounded-input-white"> </div> <div class="form-group mt-3"> <span>Email</span> <input type="text" name="_email" class="form-control rounded-input-white"> </div> <div class="form-group mt-3"> <span>Nomor HP</span> <input type="text" name="_nohp" class="form-control rounded-input-white"> </div> <div class="form-group mt-3"> <span>Nama Perusahaan</span> <input type="text" name="_perusahaan" class="form-control rounded-input-white"> </div> <div class="form-group mt-4"> <button class="btn btn-sm back-gradient col-sm-3" style="border-radius: 20px; color: #FFFFFF;" >SUBMIT</button> </div> </div> </div> </div> </div> <div class="pt-5 footer-bg"> <div class="mt-5 px-5"></div> <div class="container mt-5"> <!-- <div class="row d-block d-sm-none" align="center"> <div class="col-sm-12" > <img src="https://vdc.id/assets/images/logo-only.svg"> </div> <div class="col-sm-4 mt-3"> <h3 class="text-color">Virtual Data Center Indonesia</h3> <p class="font-small text-color">VDCI adalah Cloud Solution Provider yang menerapkan teknologi terkini dan deployment secara best-practice yang didukung oleh team teknis dan support yang tersertifikasi di bidangnya</p> </div> <div class="col-sm-3"> <b class="font-medium">Operational Office</b> <p class="font-small text-color">Soho Pancoran, unit 1806. MT Haryono St.No Kav.2-3, Tebet Jakarta Selatan 12810</p> <div class="text-color" style="vertical-align: middle;"> <img src="https://vdc.id/assets/images/phone-circle.svg"> <b class="ms-2">+6221 - 508 2089 8</b><br> <img src="https://vdc.id/assets/images/email-circle.svg"> <b class="ms-2">info@vdc.id</b> </div> </div> <div class="col-sm-4"> <b class="text-gradient font-medium"> </b> <div class="text-color" style="vertical-align: middle;"> <img src="https://vdc.id/assets/images/fb-blue.svg"> <span class="ms-2 me-4 font-small">VDCI</span> <img src="https://vdc.id/assets/images/ig-brown.svg"> <span class="ms-2 font-small">VDC.id</span> <div class="mt-3"> <img src="https://vdc.id/assets/images/linkedin.svg"> <span class="ms-2 font-small">VDCI (Virtual Data Center Indonesia)</span> </div> </div> </div> </div> --> <div class="row"> <div class="col-sm-4 ps-5 text-center-xs"> <img src="https://vdc.id/assets/images/logo-brand-white.png"> <div class="text-center-xs mt-3"> <p class="font-small text-white text-center-xs">VDCI adalah Cloud Solution Provider yang menerapkan teknologi terkini dan deployment secara best-practice yang didukung oleh team teknis dan support yang tersertifikasi di bidangnya</p> </div> </div> <div class="col-sm-4 ps-5 pt-4 text-center-xs"> <b class="text-white font-medium">Operational Office</b><br><br> <p class="font-small text-white">Soho Pancoran, unit 1806.<br>MT Haryono St.No Kav.2-3, Tebet,<br>Jakarta Selatan 12810</p> <b class="text-white font-14">Marketing</b><br> <div class="text-white" style="vertical-align: middle; margin-top: 5px;"> <div class="row"> <div class="col-sm-12"> <img src="https://vdc.id/assets/images/phone-white.svg"> <span class="ms-2 font-small">081288998986</span> </div> </div> <div class="row mt-2"> <div class="col-sm-12"> <img src="https://vdc.id/assets/images/sms.svg"> <span class="ms-2 font-small">marketing@vdc.id</span> </div> </div> </div> </div> <div class="col-sm-4 pt-4 text-center-xs"> <b class="text-white font-medium">Newsletter & Media Social</b><br><br> <div class="form-inline"> <input type="text" name="" class="form-control form-control-sm radius-5" placeholder="Enter your email here"> <div style="width: 120px;"> <button class="gradient-back-button p-2 radius-5">Subscribe</button> </div> </div> <div class="text-color medsos-icon mt-3"> <img src="https://vdc.id/assets/images/fb-blue.svg"> <img src="https://vdc.id/assets/images/ig-brown.svg"> <img src="https://vdc.id/assets/images/linkedin.svg"> <img src="https://vdc.id/assets/images/tokped.svg"> <img src="https://vdc.id/assets/images/shopee.svg"> </div> <div class="mt-3"> <img src="https://vdc.id/assets/images/lkpp.png"> </div> </div> </div> <hr style="border-top: 1px solid #FFFFFF; margin-top: 30px;"> <div class="text-center font-14 text-white px-5"> <p>Copyright © 2026 Virtual Data Center Indonesia. All right reserved.</p> </div> </div> </div> <!-- <div class="divider-gradient-full"></div> --> <div class="modal fade" id="doneModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content justify-content-between"> <div class="modal-header float-right"> <h5 class="modal-title" id="exampleModalLabel"></h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"> </button> </div> <div class="modal-body text-center"> <h3 class="text-gradient">Terima Kasih</h3> <div class="row"> <div class="col-sm-12 text-center p-5 "> <b>Pesanan anda telah kami terima, harap menunggu. Tim kami akan menghubungi anda untuk informasi lebih lanjut</b> </div> </div> <div> <button class="gradient-back-button radius-10 font-small py-2" data-bs-dismiss="modal" >OK</button> </div> </div> </div> </div> </div> <script type="text/javascript" src="https://vdc.id/plugins/slick/slick.min.js"></script> <script type="text/javascript" src="https://vdc.id/assets/js/range-slider.js?v=1771169835"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/flickity/3.0.0/flickity.pkgd.min.js"></script> <script type="text/javascript" src="https://vdc.id/assets/js/mainapp.js?v=1771169835"></script> <script src="https://unpkg.com/axios/dist/axios.min.js"></script> <!-- ANGULAR JS --> <script src="https://vdc.id/assets/js/angular/app/app_Main.js?v=1771169835"></script> <script src="https://vdc.id/assets/js/angular/app/app_Service.js?v=1771169835"></script> <script type="text/javascript"> $('.slider-home').slick({ dots: true, slidesToShow: 1, slidesToScroll: 1, touchMove: true, autoplay: true, autoplaySpeed: 5000, prevArrow: null, nextArrow: null, }); $('.slider-testi').slick({ dots: false, slidesToShow: 1, slidesToScroll: 1, touchMove: true, autoplay: true, autoplaySpeed: 5000, prevArrow: $('.prev-btn'), nextArrow: $('.next-btn'), }); $('.slider-testi-small').slick({ dots: true, slidesToShow: 1, slidesToScroll: 1, touchMove: true, autoplay: true, autoplaySpeed: 5000, prevArrow: null, nextArrow: null, }); $('.slider-partner').slick({ dots: false, slidesToShow: 7, slidesToScroll: 3, touchMove: true, autoplay: true, autoplaySpeed: 3000, prevArrow: null, nextArrow: null, }); $('.slider-partner-small').slick({ dots: false, slidesToShow: 2, slidesToScroll: 2, touchMove: true, autoplay: true, autoplaySpeed: 3000, prevArrow: null, nextArrow: null, }); var triggerTabList = [].slice.call(document.querySelectorAll('#myTab button')); triggerTabList.forEach(function (triggerEl) { var tabTrigger = new bootstrap.Tab(triggerEl); triggerEl.addEventListener('click', function (event) { event.preventDefault(); tabTrigger.show(); $(".nav-link span").removeClass("text-gradient"); $(".nav-link span").addClass("text-color"); if (event.delegateTarget.id == "home-tab"){ $("#home-tab span").addClass("text-gradient"); }else if (event.delegateTarget.id == "profile-tab"){ $("#profile-tab span").addClass("text-gradient"); }else if (event.delegateTarget.id == "contact-tab"){ $("#contact-tab span").addClass("text-gradient"); } }); }); </script> <script> $(document).ready(function(){ const info = document.getElementById('info'); if (info) { const vv = info.value; if (vv == "ok") { $("#doneModal").modal("show"); } } var url = window.location.href; var splits = url.split("/"); var pages = splits[splits.length - 1].split("?")[0]; if(pages == 'infrastruktur'){ // var href = "#" + splits[splits.length - 1].split("?page=")[1]; // $("html, body").animate({ scrollTop: $(href).offset().top }, 200); } // find element technology partner .f-box-wrapper const wrpp = document.querySelectorAll('.f-box-wrapper'); wrpp.forEach(function(e,k){ setTimeout(function(){ e.classList.remove('hide'); }, 10) }) }); </script> </body> </html>