</iframe</noscript> <nav class="navbar navbar-expand-lg navbar-light new-navbar sticky-top"> <div class="container"> <a href="https://www.vdc.id/"> <img src="https://www.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://www.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://www.vdc.id/">Home</a> </li> <li class="nav-item"> <a class="nav-link " href="https://www.vdc.id/about">About</a> </li> <li class="nav-item show-desktop"> <span onclick="openMenu()" id="service" class="nav-link active pointer" >Our Service <i class="fa fa-chevron-down fa-sm"></i> </span> </li> <li class="nav-item show-mobile"> <span class="nav-link active">Our Service</span> <div class="sub-menu-service"> <span class="nav-link ">VPS & Data Center</span> <div class="sub-menu-service-row mb-2" > <a href="https://www.vdc.id/service/vps" class="nav-link ">VPS</a> <a href="https://www.vdc.id/service/dps" class="nav-link ">DPS & Co-Location</a> </div> <a href="https://www.vdc.id/service/email" class="nav-link ">Email Service</a> <span class="nav-link ">hardware & License</span> <div class="sub-menu-service-row"> <a href="https://www.vdc.id/service/hardware" class="nav-link ">Hardware</a> <a href="https://www.vdc.id/service/license" class="nav-link ">License</a> </div> <span class="nav-link ">Cloud & App</span> <div class="sub-menu-service-row"> <a href="https://www.vdc.id/service/bipo" class="nav-link ">BIPO</a> <a href="https://www.vdc.id/service/simrs" class="nav-link ">SIMRS</a> <a href="https://www.vdc.id/service/azure" class="nav-link ">Azure</a> <a href="https://www.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://www.vdc.id/price">Price</a> </li> <li class="nav-item"> <a class="nav-link " href="https://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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="container p-5" ng-controller="prodCtrl" ng-cloak> <div class="row mt-5 px-5"> <div class="col-sm-12 text-center p-5"> <div class="px-5 mx-5"> <h6 class="text-36"><b>Solusi Infrastruktur dan Keamanan Data yang Komprehensif</b></h6><br> <p class="px-5">Menyediakan solusi komprehensif untuk kebutuhan infrastruktur dan keamanan data perusahaan. Dengan fokus pada pengelolaan infrastruktur, keamanan data, pemulihan bencana, dan penyimpanan cloud, layanan ini memastikan operasional yang efisien dan aman.</p> </div> </div> </div> <div class="mt-5"> </div> </div> <div class="text-center bg-black-10 pt-5 pb-5"> <div class="mt-5 pb-5 ppx-10"> <div class="row"> <div class="col-sm-12"> <div class="text-inline"> <h2 class="text-gradient"><b>Solution Feature</b></h2> </div> </div> </div> <div class="row mt-5 pt-5"> <div class="col-sm-4 mb-3"> <div class="box-service-2"> <h6 class="mt-3"><b>Systemcheck-up</b></h6> <p>Lorem ipsum dolor sit amet consectetur. Amet porta sapien elementum aliquam. Mi velit at purus potenti enim varius diam.</p> </div> </div> <div class="col-sm-4 mb-3"> <div class="box-service-2"> <h6 class="mt-3"><b>Design & Deployment</b></h6> <p>Lorem ipsum dolor sit amet consectetur. Amet porta sapien elementum aliquam. Mi velit at purus potenti enim varius diam.</p> </div> </div> <div class="col-sm-4 mb-3"> <div class="box-service-2"> <h6 class="mt-3"><b>Racking & Cabling</b></h6> <p>Lorem ipsum dolor sit amet consectetur. Amet porta sapien elementum aliquam. Mi velit at purus potenti enim varius diam.</p> </div> </div> <div class="col-sm-4 mb-3"> <div class="box-service-2"> <h6 class="mt-3"><b>Data Centre Migration</b></h6> <p>Lorem ipsum dolor sit amet consectetur. Amet porta sapien elementum aliquam. Mi velit at purus potenti enim varius diam.</p> </div> </div> <div class="col-sm-4 mb-3"> <div class="box-service-2"> <h6 class="mt-3"><b>Documentation</b></h6> <p>Lorem ipsum dolor sit amet consectetur. Amet porta sapien elementum aliquam. Mi velit at purus potenti enim varius diam.</p> </div> </div> <div class="col-sm-4 mb-3"> <div class="box-service-2"> <h6 class="mt-3"><b>Helpdesk Service</b></h6> <p>Lorem ipsum dolor sit amet consectetur. Amet porta sapien elementum aliquam. Mi velit at purus potenti enim varius diam.</p> </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://www.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://www.vdc.id/assets/images/phone-circle.svg"> <b class="ms-2">+6221 - 508 2089 8</b><br> <img src="https://www.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://www.vdc.id/assets/images/fb-blue.svg"> <span class="ms-2 me-4 font-small">VDCI</span> <img src="https://www.vdc.id/assets/images/ig-brown.svg"> <span class="ms-2 font-small">VDC.id</span> <div class="mt-3"> <img src="https://www.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://www.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://www.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://www.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://www.vdc.id/assets/images/fb-blue.svg"> <img src="https://www.vdc.id/assets/images/ig-brown.svg"> <img src="https://www.vdc.id/assets/images/linkedin.svg"> <img src="https://www.vdc.id/assets/images/tokped.svg"> <img src="https://www.vdc.id/assets/images/shopee.svg"> </div> <div class="mt-3"> <img src="https://www.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://www.vdc.id/plugins/slick/slick.min.js"></script> <script type="text/javascript" src="https://www.vdc.id/assets/js/range-slider.js?v=1771259606"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/flickity/3.0.0/flickity.pkgd.min.js"></script> <script type="text/javascript" src="https://www.vdc.id/assets/js/mainapp.js?v=1771259606"></script> <script src="https://unpkg.com/axios/dist/axios.min.js"></script> <!-- ANGULAR JS --> <script src="https://www.vdc.id/assets/js/angular/app/app_Main.js?v=1771259606"></script> <script src="https://www.vdc.id/assets/js/angular/app/app_Service.js?v=1771259606"></script> <script src='https://www.vdc.id/assets/js/angular/app/controllers/Product.js?v=1771259606'></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>