<!DOCTYPE html><html lang="en"> <head> <!-- Google Tag Manager --><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NZFB5GKW');</script> <!-- End Google Tag Manager --> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta content="#0e0303" name="theme-color"/> <meta content="#0e0303" name="msapplication-navbutton-color"/> <meta content="#0e0303" name="apple-mobile-web-app-status-bar-style"/> <title>Indra Desi Prasetyadi - Blogger and Tech Enthusiast</title> <meta name="description" content="Indra Desi Prasetyadi Personal Website."> <meta name="keywords" content="Indra Desi Prasetyadi"> <meta name="robots" content="index, follow"> <link rel="canonical" href="https://indradp.web.id/"/> <!-- Favicon --> <link href='assets/favicon/icon32.png' rel='icon' sizes='32x32'/> <link href='assets/favicon/icon192.png' rel='icon' sizes='192x192'/> <link href='assets/favicon/icon180.png' rel='apple-touch-icon' sizes='180x180'/> <meta content='assets/favicon/icon144.png' name='msapplication-TileImage'/> <!-- Stylesheet --> <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="assets/css/main.css"> <link rel="stylesheet" type="text/css" href="assets/css/aos.css"> <link rel="stylesheet" type="text/css" href="assets/css/fontawesome/css/all.min.css"> <!-- Open Graph --> <meta property="og:url" content="https://indradp.web.id/"> <meta property="og:type" content="website"> <meta property="og:title" content="Indra Desi Prasetyadi - Blogger and Tech Enthusiast"> <meta property="og:description" content="Indra Desi Prasetyadi Personal Website."> <meta property="og:image" content="https://indradp.web.id/assets/img/banner-indradp.jpg"> <meta property="og:image:type" content="image/gif" /> <meta property="og:image:width" content="600" /> <meta property="og:image:height" content="400" /> <!-- Twitter Card --> <meta name="twitter:card" content="summary"> <meta property="twitter:domain" content="https://indradp.web.id/"> <meta property="twitter:url" content="https://indradp.web.id/"> <meta name="twitter:title" content="Indra Desi Prasetyadi - Blogger and Tech Enthusiast"> <meta name="twitter:description" content="Indra Desi Prasetyadi Personal Website."> <meta name="twitter:image" content="https://indradp.web.id/assets/img/banner-indradp.jpg"> <meta name="twitter:creator" content="@IndraDP77" /> <!-- DNS prefetch --> <link rel="preconnect" href="//fonts.googleapis.com" /> <link rel="dns-prefetch" href="https://www.googletagmanager.com" /> </head> <body> <!-- Google Tag Manager (noscript) --><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NZFB5GKW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Navbar --> <nav class="navbar navbar-expand-lg navbar-dark py-3 fixed-top shadow-sm" data-aos="fade-down" data-aos-delay="100"> <div class="container"> <a class="navbar-brand" href="/"> <img src="assets/img/header-img.png" alt="indra dp" width="150" height="20"> </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-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav ms-auto"> <li class="nav-item"> <a class="nav-link" href="#blog">Blog</a> </li> <li class="nav-item"> <a class="nav-link" href="#partnership">Partnership</a> </li> <li class="nav-item"> <a class="nav-link" href="#contact">Contact</a> </li> </ul> </div> </div> </nav> <!-- end Navbar --> <!-- Jumbotron --> <section class="jumbotron"> <div class="container-fluid"> <div class="profile"> <img src="assets/img/me.webp" alt="Indra DP" width="130" height="130" class="rounded-circle shadow-sm mb-2" data-aos="zoom-in" data-aos-delay="200"/> <h1 class="fw-semibold text-light pt-3" data-aos="zoom-in" data-aos-delay="300">Indra Desi Prasetyadi</h1> <p class="lead fs-5 mt-2 fw-normal text-light pt-2" data-aos="zoom-in" data-aos-delay="400">Blogger and Tech Enthusiast</p> </div> <div class="social-icons" data-aos="zoom-in" data-aos-delay="500"> <a href="https://www.facebook.com/indradesip" rel="nofollow noopener" target="_blank"><i class="fa-brands fa-facebook"></i></a> <a href="https://twitter.com/IndraDP77" rel="nofollow noopener" target="_blank"><i class="fa-brands fa-x-twitter"></i></a> <a href="https://www.instagram.com/indradp77" rel="nofollow noopener" target="_blank"><i class="fa-brands fa-instagram" rel="nofollow noopener" target="_blank"></i></a> <a href="https://www.linkedin.com/in/indradp" rel="nofollow noopener" target="_blank"><i class="fa-brands fa-linkedin"></i></a> <a href="https://github.com/indraadp" rel="nofollow noopener" target="_blank"><i class="fa-brands fa-github"></i></a> <div class="more" data-aos="zoom-in" data-aos-delay="600"> <a href="#blog"><i class="fa-solid fa-chevron-down"></i></a> </div> </div> </div> </section> <!-- end Jumbotron --> <!-- Blog --> <section id="blog"> <div class="container my-4" data-aos="fade-up" data-aos-delay="100"> <div class="row text-center"> <div class="col"> <h2 class="display-5 fw-bold pt-5">My Blog</h2> <hr /> </div> </div> </div> <div class="container mb-5"> <div class="row"> <div class="col-md-6" data-aos="zoom-in" data-aos-delay="200"> <img src="assets/img/indrasblog.webp" alt="Indras Blog" width="500" height="282" class="img-fluid rounded shadow-sm" /> </div> <div class="col-md-6" data-aos="fade-down" data-aos-delay="300"> <h3 class="display-6 fw-semibold mt-3">Indra's Blog</h3> <p>Blog yang membahas berbagai hal tentang dunia teknologi mulai dari tutorial, tips dan trik, editorial, berita teknologi menarik, review gadget dan aplikasi gratis.</p> <a href="https://www.indradp.com/" rel="nofollow noopener" target="_blank" class="btn btn-primary shadow-sm mt-2" data-aos="fade-up" data-aos-anchor-placement="center-bottom" data-aos-delay="400">Kunjungi Blog <i class="icon-button fa-solid fa-angles-right"></i></a> </div> </div> </div> </section> <!-- end Blog --> <!-- Partnership --> <section id="partnership"> <div class="container my-4" data-aos="fade-up" data-aos-delay="100"> <div class="row text-center"> <div class="col"> <h2 class="display-5 fw-bold pt-5">Partnership</h2> <hr /> </div> </div> </div> <div class="container mb-5"> <div class="row"> <div class="col-md-7" data-aos="fade-down" data-aos-delay="200"> <h3 class="display-6 fw-semibold cp-title">Content Placement</h3> <p> Jika kamu memiliki merk, produk, jasa, ataupun bisnis online yang sedang kamu kembangkan, kamu juga bisa mempromosikannya melalui content placement atau artikel review produk di blog Indra's Blog.</p> <a href="https://www.indradp.com/p/kerja-sama-indras-blog.html" rel="nofollow noopener" target="_blank" class="btn btn-primary shadow-sm mt-2 mb-5" data-aos="fade-up" data-aos-anchor-placement="center-bottom" data-aos-delay="300">Selengkapnya <i class="icon-button fa-solid fa-angles-right"></i></a> </div> <div class="col-md-5" data-aos="zoom-in" data-aos-delay="400"> <img src="assets/img/content-writer.webp" alt="Partnership" width="450" height="300" class="img-fluid cp-img rounded shadow-sm" /> </div> </div> </div> </div> </section> <!-- end Partnership --> <!-- Contact --> <section id="contact"> <div class="container my-4" data-aos="fade-up" data-aos-delay="100"> <div class="row text-center"> <div class="col"> <h2 class="display-5 fw-bold pt-5">Contact</h2> <hr /> </div> </div> </div> <div class="container mb-5"> <div class="row d-flex justify-content-around mx-1"> <div class="contact-info col-md-3 mb-3" data-aos="zoom-in" data-aos-anchor-placement="center-bottom" data-aos-delay="200"> <i class="fa-solid fa-envelope circle-icon"></i> <h3 class="fs-3 fw-normal">Email</h3> <p class="mt-2"><a class="stretched-link" href="mailto:admin@indradp.com" rel="nofollow noopener" target="_blank">admin@indradp.com</a></p> </div> <div class="contact-info col-md-3 mb-3" data-aos="zoom-in" data-aos-anchor-placement="center-bottom" data-aos-delay="300"> <i class="fa-brands fa-whatsapp circle-icon"></i> <h3 class="fs-3 fw-normal">WhatsApp</h3> <p class="mt-2"><a class="stretched-link" href="https://wa.me/628974738855" rel="nofollow noopener" target="_blank">0897-4738-855</a></p> </div> <div class="contact-info col-md-3 mb-3" data-aos="zoom-in" data-aos-anchor-placement="center-bottom" data-aos-delay="400"> <i class="fa-brands fa-telegram circle-icon"></i> <h3 class="fs-3 fw-normal">Telegram</h3> <p class="mt-2"><a class="stretched-link" href="https://t.me/IndraDP" rel="nofollow noopener" target="_blank">@IndraDP</a></p> </div> </div> </div> </section> <!-- end Contact --> <!-- Footer --> <footer class="bg-dark text-white text-center p-3"> <p class="pt-3 pb-2">Made with <span class="text-danger">❤</span> by. <a href="https://www.facebook.com/indradesip" rel="nofollow noopener" target="_blank">Indra DP</a></p> </footer> <!-- end Footer --> <script type="text/javascript" src="assets/js/bootstrap.bundle.min.js"></script> <script type="text/javascript" src="assets/js/aos.js"></script> <script type="text/javascript" src="assets/js/jquery-3.5.1.min.js"></script> <script type="text/javascript" src="assets/js/smooth-scroll.js"></script> <script type="text/javascript" src="assets/js/init.js"></script> </body></html> 
