</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 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://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 active">Email Service</a> <span class="nav-link ">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 ">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="container px-5"> <section class="slider_container"> <section class="sliderc static"> <div class="slides"> <div class="banner-slider no-border" > <div class="banner-left banner-desc text-start"> <b class="banner-title">Email<br>Hosting</b> <div class="mt-2 banner-text-wrapper"> <p class="banner-text">Layanan email dengan berbagai paket fitur dan keamanan yang bisa dicustom sesuai dengan kebutuhan</p> </div> <div class="mt-5 banner-btn-wrapper"> <div class="row"> <div class="col-sm-6 mb-2"> <a href="https://vdc.id/service/email" class="btn gradient-back-button radius-5 font-small py-2">Lihat Produk</a> </div> <div class="col-sm-6"> <button class="gradient-border-button radius-5 font-small py-2" ng-click="waMe()">Contact</button> </div> </div> </div> </div> <div class="banner-image"> <img src="https://vdc.id/assets/images/banner/banner-v4-3.png"> </div> </div> </div> <div class="slides"> <div class="banner-slider no-border" > <div class="banner-left banner-desc text-start"> <b class="banner-title">Email<br>Hosting</b> <div class="mt-2 banner-text-wrapper"> <p class="banner-text">Layanan email dengan berbagai paket fitur dan keamanan yang bisa dicustom sesuai dengan kebutuhan</p> </div> <div class="mt-5 banner-btn-wrapper"> <div class="row"> <div class="col-sm-6 mb-2"> <a href="https://vdc.id/service/email" class="btn gradient-back-button radius-5 font-small py-2">Lihat Produk</a> </div> <div class="col-sm-6"> <button class="gradient-border-button radius-5 font-small py-2" ng-click="waMe()">Contact</button> </div> </div> </div> </div> <div class="banner-image"> <img src="https://vdc.id/assets/images/banner/banner-v4-3.png"> </div> </div> </div> </section> </section> </div> <div class="container p-5" ng-controller="prodCtrl" ng-cloak> <div class="row email-container"> <div class="col-sm-6"> <div class="desc-banner-email"> <h6 class="text-36"><b>Semakin Produktif dengan Server Email yang Selalu Aktif</b></h6> <p>Bergabunglah dengan ribuan pengguna yang puas karena alur kerja kirim email jadi lebih ringkas.</p><br> <a href="https://vdc.id/service/email" class="learn-more"><b class="text-16 text-muted">Coba layanan email kami hari ini!</b></a> </div> </div> <div class="col-sm-6"> <img class="img-fit" src="https://vdc.id/assets/images/banner/banner-email.png"> </div> </div> <div class="mt-5"> </div> <div class="row ppx-10 mt-5"> <div class="col-sm-4 mb-3 poppins" ng-repeat="v in prices[0].eml"> <div class="price-card text-center p-2"> <div class="text-inline price-title-text mt-3"> <b class="text-28 text-gradient">{{v.prod_name}}</b> </div> <div class="small-divider-gradient mb-4"></div> <div class="flex-row flex-justify-between text-14 mb-2 px-3" ng-repeat="a in v.specs"> <b>{{a.sp_name}} {{a.sp_unit}}</b> <span class="text-12">{{a.sp_desc}}</span> </div> <div class="small-divider-gradient mt-4 mb-3"></div> <small class="text-12" ng-show="v.prod_price > 900000" >Starting</small> <div class="text-center"> <b class="text-24">Rp {{v.prod_price|number}},-</b> </div> <small class="text-12">/ {{v.prod_price > 900000 ? 'Server' : 'User'}}</small> <div class="px-3 mb-4"> <button class="gradient-back-button radius-5 pt-2 pb-2" ng-click="orderMe(v)">Order</button> </div> </div> </div> </div> <div class="mt-5 pt-5"></div> </div> <div class="text-center bg-black-10 pt-5 pb-5"> <div class="mt-5 pb-5 container"> <div class="row"> <div class="col-sm-4 mb-3"> <div class="box-service-2"> <h6 class="mt-3"><b>Keamanan Terjamin</b></h6> <p>Data Anda aman di tangan kami. Server kami berlokasi di Indonesia dan dilengkapi dengan sistem keamanan berlapis.</p> </div> </div> <div class="col-sm-4 mb-3"> <div class="box-service-2"> <h6 class="mt-3"><b>Performa Tinggi</b></h6> <p>Email cepat dan lancar, tanpa gangguan. Server kami kuat dan siap untuk banyak email.</p> </div> </div> <div class="col-sm-4 mb-3"> <div class="box-service-2"> <h6 class="mt-3"><b>Mudah Digunakan</b></h6> <p>Mudah digunakan, baik untuk pemula maupun profesional.</p> </div> </div> <div class="col-sm-4 mb-3"> <div class="box-service-2"> <h6 class="mt-3"><b>Fitur Lengkap</b></h6> <p>Nikmati berbagai fitur canggih seperti spam filter, anti-virus, dan manajemen kontak yang terintegrasi.</p> </div> </div> <div class="col-sm-4 mb-3"> <div class="box-service-2"> <h6 class="mt-3"><b>Dukungan Lokal</b></h6> <p>Tim support kami siap membantu Anda 24/7, memberikan solusi cepat dan tepat untuk segala permasalahan.</p> </div> </div> </div> </div> </div> <div style="margin-top: 5%;"> </div> <div class="container mt-5 px-5"> <div class="row email-container"> <div class="col-sm-6"> <img class="img-fit" src="https://vdc.id/assets/images/banner/banner-email-2.png"> </div> <div class="col-sm-6"> <div class="desc-banner-email-r"> <h6 class="text-36"><b>Dapatkan<br>Kepercayaan dengan Email yang Profesional di Mata Pelanggan</b></h6> <p>Bangun kredibilitas dan perkuat hubungan dengan menggunakan email khusus untuk bisnis Kamu.</p><br> <p><b>Mari konsultasi dengan kami!</b></p> </div> </div> </div> </div> <div style="margin-top: 10%;"> </div> <div class="back-gradient text-center pt-4 pb-4 px-5"> <h5 class="text-36 text-white w700">VPS Diskon 50% Khusus Pengguna Baru</h5> </div> <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-md" 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">Form Pemesanan</h3> <div class="row mt-5"> <div class="col-sm-5 text-left"> <b>Rincian Pesanan</b><br><br> <div class="mb-2"> <small>Nama Produk</small><br> <b id="nama_produk">{{prod_name}}</b> </div> <div class="mb-2"> <small>Keterangan</small><br> <p style="line-height: 16px !important;" class="text-12"><i>Rincian pesanan akan dilampirkan di dalam email</i></p> </div> <div class="mb-3"> <small>Total Biaya</small><br> <b id="total_biaya">Rp.{{prod_price | number}}</b> </div> </div> <div class="col-sm-7 text-left"> <form action="https://vdc.id/contact/send_email" method="POST" id="frmtest" name="frmtest" > <input type="hidden" name="orders" > <small>* Nama</small> <input type="text" name="cust_name" class="form-control" autocomplete="off" ng-model="cust_name" titlecase ><br> <small>* Email</small> <input type="text" name="cust_email" class="form-control" autocomplete="off" ><br> <small>* No HP</small> <input type="text" name="cust_phone" class="form-control" autocomplete="off"><br> <small>* Nama Perusahaan</small> <input type="text" name="cust_company" class="form-control" autocomplete="off" ><br> </form> </div> </div> <small id="error_info_modal"></small> <div class="text-center"> <button class="gradient-back-button radius-10 font-small py-2" ng-click="orderProduct()">Pesan</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=1771712945"></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=1771712945"></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=1771712945"></script> <script src="https://vdc.id/assets/js/angular/app/app_Service.js?v=1771712945"></script> <script src='https://vdc.id/assets/js/angular/app/controllers/Product.js?v=1771712945'></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>